首页 | 1498 | 478 | 239 | 添加收藏 上一个 下一个
JQuery select+zTree扩展插件(原创)

**扩展插件-select结合ztree **


使用方法说明:



  1. 此插件基于jQuery编写,使用时需要先导入jQuery

  2. 同时基于 zTree 的jquery.ztree.core.js和jquery.ztree.exhide.js,zTreeStyle.css样式文件

  3. 使用


 $("#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简单数据模式