jQuery树型选择插件leg_tree2.1(原创)

所属分类： JQ特效导航文件树

查看演示立即下载

插件描述：jQuery树型选择插件可通过数组改变选中

更新时间：2020-01-14 22:30:32

更新说明：修改样式

icon只用添加class无序前缀例："ico": 'iconshezhi',

font中demo_index.html的icon不满足请请自行添加

更新时间：2020-01-12 22:37:32

不支持IE

var arrs = []
// var arrs = [1, 2, 3, 48, 5, 6, 7, 8, 9, 10]
/*
生成tree的位置 data为tree数据、arrs为选中的id可为空
arrs可填可不填 填写需为数组
data数据中的只有name、id、checked、open、ico、children和cascade
其中open为是否展开
ico为ico图片 icon-sousuo 例: <i ></i>（因麻烦只添加了3个测试ico）
ico 可用自己所使用UI的ico  例：<i ></i>
所填值 ivu-icon ivu-icon-ios-add-circle 为iview UI
值必须要有所用UI的前缀（不懂可自己去F12把class 里的值全部复制）
cascade为是否子父级联选中（cascade 必须在最高父级中写才生效）
*/
$("#demo").on("click", () => {
    alert(leg.getCheckedNodes())
    console.log(leg.getHalfSelected())
    console.log(leg.getAll());
})
leg.tree({
    ele: ".tree",
    data: data,
    arrs: arrs,
    cascade: true,
    onAsync: true
});
leg.synTree({ //异步加载
    ele: ".tree1",
    url: "./tree.json",
    dataStyle: (res) => { //修改后台返回的数据格式
        return res.list;
    },
    getData: (id, name) => { //返回的id和标题
        console.log(id + "======" + name)
    }
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：图表+大数据开发框架（快速开发）
下一个特效： jQuery编写的Banner首页轮播图插件