layui+ztree下拉树,支持单选和多选

分享 未结 9 235
Marje
Marje VIP4 5天前
悬赏:20飞吻
先上效果图


之前应该有很多人对此进行了封装,个人感觉太复杂了,复杂代表着功能强大,但我就只想要一个简单的下拉树,然后就有了这次的封装,一共就三个参数elem、url、type
//需要引入jquery、layui、ztree
<input type="text" id="tree1" name="tree1" placeholder="多选树"> //id必填
layui.config({
base: 'lib/'
}).extend({
etree: 'etree'
}).use(["etree"], function () {
var etree = layui.etree;
//多选树
etree.render({
elem: '#tree1',
url: 'json/data3.json'

});
//单选树
etree.render({
elem: '#tree2',
url: 'json/data3.json',
type: 'radio'//默认checkbox
})
});
需要的直接下载源码吧,容许我赚一点点积分
https://download.csdn.net/download/u011045266/11716998
回帖