/jquerySelectzTree/zjdaima-bg-1948946307.png)
**扩展插件-select结合ztree **
使用方法说明:
- 此插件基于jQuery编写,使用时需要先导入jQuery
- 同时基于 zTree 的jquery.ztree.core.js和jquery.ztree.exhide.js,zTreeStyle.css样式文件
- 使用
$("#select").selectZTree({
"data": zNodes,
width: 150,
hasSearch: true
}).on("change", function(e, data) {
console.log(e);
console.log(data);
console.log($(this).val());
});
参数说明:
cfg: {
hasSearch: 显示搜索,
closeOnSelect: 控制选择后是否关闭下拉菜单, 默认: true,
data: zTree数据,
placeholder: 未选择数据是的占位符,
onOpen: 打开的回调,
onClose: 关闭的回调,
onSelected: 选中后的回调,
width: 宽,
idKey: ztree配置, 节点数据中保存唯一标识, 默认“ id”,
pIdKey: ztree配置, 节点数据中保存其父节点唯一标识的属性名称, 默认“ pId”,
rootPId: ztree配置, 用于修正根节点父节点数据, 默认“ 0”,
}
idKey, pIdKey, rootPId属于zTree下simpleData的配置参数, 本插件使用zTree简单数据模式