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