https://wujiawei0926.gitee.io/treeselect/ 基于 layui和ztree 的樹形下拉選擇器,支持異步加載,提供點(diǎn)擊回調(diào)和加載完成后的回調(diào),支持搜索、占位符修改、手動(dòng)選中節(jié)點(diǎn)以及刷新樹結(jié)構(gòu),更多功能參見詳細(xì)介紹。
<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',
// 數(shù)據(jù)
data: 'data/data3.json',
// 異步加載方式:get/post,默認(rèn)get
type: 'get',
// 占位符
placeholder: '修改默認(rèn)提示信息',
// 是否開啟搜索功能:true/false,默認(rèn)false
search: true,
// 點(diǎn)擊回調(diào)
click: function(d){
console.log(d);
},
// 加載完成后的回調(diào)函數(shù)
success: function (d) {
console.log(d);
// 選中節(jié)點(diǎn),根據(jù)id篩選
// treeSelect.checkNode('tree', 3);
// 獲取zTree對(duì)象,可以調(diào)用zTree方法
// var treeObj = treeSelect.zTree('tree');
// console.log(treeObj);
// 刷新樹結(jié)構(gòu)
// treeSelect.refresh();
}
});
});
</script>