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

分享 未结 11 915
Marje
Marje VIP4 2019-9-11
悬赏: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
回帖
  • 都1000年没有上CSDN了,哪里来的积分啊。。想积分想疯了吧
    1 回复
  • saiomeil
    2019-9-12
    建议使用dtree树,整体与layui风格搭配。
    0 回复
  • [good]
    0 回复
  • Marje
    2019-9-12
    @leaost 我也只有0积分,所以想着搞点积分[泪]
    0 回复
  • Marje
    2019-9-12
    @saiomeil dtree看过,功能很强,他的例子里面好像只看到了单选树,没看到多选树,我没仔细研究
    0 回复
  • Marje
    2019-9-12
    @xunbaoba 为什么你们评论的几个人的头像都是一样的啊
    0 回复
  • @Marje 官方默认的,懒的改
    0 回复
  • @Marje 注册的时候系统随机分配的,没必要改
    0 回复
  • 直接上ztree不就完事了吗?dtree不就是ztree的改编嘛
    0 回复
  • Junjun郝
    2019-10-31
    下载后 打开一直报错 "模块名 etree 已被占用 " 怎么回事啊
    0 回复