JQuery select+zTree扩展插件(原创)

**扩展插件-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简单数据模式

搜索发现

下载榜观看榜