Layui 第三方扩展组件平台

返回首页 发布组件

https://wujiawei0926.gitee.io/treeselect/ 基于 layui和ztree 的树形下拉选择器,支持异步加载,提供点击回调和加载完成后的回调,支持搜索、占位符修改、手动选中节点以及刷新树结构,更多功能参见详细介绍。

更新:2018-10-5 创建:2018-8-29

文档

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

二次重构。
基于 layui和ztree的树形下拉选择器。支持异步加载,提供点击回调和加载完成后的回调,支持搜索、占位符修改、手动选中节点以及刷新树结构,更多功能参见详细介绍。
效果图:



使用示例:
<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>

下载

立即下载 去码云下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。