项目介绍

基于 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>

提示

• 返回数据中的open属性用来判断是否自动展开节点
• 返回数据格式与ztree要求的格式相同

项目地址

https://gitee.com/wujiawei0926/treeselect