素材牛VIP会员

动态数据加载+树多选左右切换插件[原创]

 所属分类:网页特效-输入/选择框

 浏览:468次-  下载:1次-  评论:2次-  发布时间:2019-01-03
动态数据加载+树多选左右切换插件[原创]兼容IE8
积分说明:注册即送15牛币,每日签到可获得5牛币,成为VIP会员可永久免积分下载!   充值积分   充值会员   更多说明»
素材描述:能够根据后台传来的JSON数据渲染选择树和已选数据,同时能获取改变的数据(增删)用于返回

详细介绍

初始化配置:

$(document).ready(function(){
   $(document).zbMulSelect({
       initDataL: TestData,
       initDataR: TestData2,
   });
});

左侧栏使用的树插件为ztree。

提供两个外部方法。

一、获取右侧栏的选项 ID组

$(document).zbMulSelect('getData');

二、获取右侧栏的变化数据 

  • addList为与初始化原数据对比后增加的 数据ID+名称组,用于后台作新增并记录日志;

  • delList为与初始化原数据对比后删除的 数据ID+名称组,用于后台作删除并记录日志;

$(document).zbMulSelect('getExchange');

文件目录结构

  • css
    • ┝ jquery.zbmulselect.css
  • ┝ index.html
  • js
    • ┝ jquery.min.js
    • ┝ jquery.zbmulselect.js
  • json
    • ┝ RoleTestData.js
  • ztree
    • img
      • diy
        • ┝ 1_close.png
        • ┝ 1_open.png
        • ┝ 2.png
        • ┝ 3.png
        • ┝ 4.png
        • ┝ 5.png
        • ┝ 6.png
        • ┝ 7.png
        • ┝ 8.png
        • ┝ 9.png
      • ┝ line_conn.gif
      • ┝ loading.gif
      • ┝ zTreeStandard.gif
      • ┝ zTreeStandard.png
    • js
      • ┝ jquery.ztree.core.min.js
    • ┝ zTreeStyle.css

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

xi***mo  
2019年01月05日

围观一下!

回复
he***ao  
2019年07月02日

这个阔以,我找了好久这种多选的,然后在提交到表单的数据,棒!

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:5 开始下载