layui 第三方組件平臺(tái)

返回首頁(yè) 發(fā)布組件

https://wujiawei0926.gitee.io/treeselect/ 基于 layui和ztree 的樹形下拉選擇器,支持異步加載,提供點(diǎn)擊回調(diào)和加載完成后的回調(diào),支持搜索、占位符修改、手動(dòng)選中節(jié)點(diǎn)以及刷新樹結(jié)構(gòu),更多功能參見(jiàn)詳細(xì)介紹。

更新:2018-10-5 創(chuàng)建:2018-8-29

文檔

演示地址: https://wujiawei0926.gitee.io/treeselect/

二次重構(gòu)。
基于 layui和ztree的樹形下拉選擇器。支持異步加載,提供點(diǎn)擊回調(diào)和加載完成后的回調(diào),支持搜索、占位符修改、手動(dòng)選中節(jié)點(diǎn)以及刷新樹結(jié)構(gòu),更多功能參見(jiàn)詳細(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)提示信息',
// 是否開(kāi)啟搜索功能: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>

下載

立即下載 去碼云下載
該擴(kuò)展組件由第三方用戶主動(dòng)投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。