基于 layui和ztree的树形下拉选择器。支持异步加载,供应点击回调和加载完成后的回调,支持搜索、占位符修正、手动选中节点以及刷新树构造,更多功能拜会利用文档。 利用文档:https://wujiawei0926.gitee.io/treeselect/docs/doc.html
效果图<input type=\"大众text\公众 id=\"大众tree\公众 lay-filter=\"大众tree\"大众 class=\"大众layui-input\"大众><script> layui.use(['treeSelect','form'], function () { var treeSelect= layui.treeSelect; treeSelect.render({ // 选择器 elem: '#tree', // 数据 data: 'data/data3.json', // 异步加载办法:get/post,默认get type: 'get', // 占位符 placeholder: '修正默认提示信息', // 是否开启搜索功能:true/false,默认false search: true, // 点击回调 click: function(d){ console.log(d); }, // 加载完成后的回调函数 success: function (d) { console.log(d);// 选中节点,根据id筛选// treeSelect.checkNode('tree', 3);// 获取zTree工具,可以调用zTree方法// var treeObj = treeSelect.zTree('tree');// console.log(treeObj);// 刷新树构造// treeSelect.refresh(); } }); });</script>
提示

https://gitee.com/wujiawei0926/treeselect