3.获得ztree所要绑定的数据,可以使用静態数据也可以使用ajax获取的数据
a)Ztree的数据有两种格式,标准格式如下:标准的 JSON 数据需要嵌套表示节点的父子包含关系
b)简单数据格式如下(推荐使用):
简單模式的 JSON 数据需要使用 id/pId表示节点的父子包含关系如使用其他属性设置父子关联关系请参考setting.data.simple内各项说明
第一个参数是<ul/>id选择的jquery对象,第二个参數是配置的setting,第三个参数是获取到的数据.
Key:需要精确匹配的属性名称
Value:需要精确匹配的属性值,可以是任何类型只要保证与 key 指定的属性值保持一致即可
parentNodeJSON:搜索范围,指定在某个父节点下的子节点中进行搜索忽略此参数,表示在全部节点中搜索
返回值表示最终实际操作情况
true 表示展开全部节点
false 表示折叠全部节点
null 表示不存在任何父节点
focus = true 表示展开 / 折叠操作后通过设置焦点保证此焦点进入可视区域内
省略此参数,等同于 true
就我看来较为实用的有以下几點:
以构建页面左侧树形菜单为例介绍ztree插件的使用
这里引入包含ztree所有功能嘚js文件夹中不可存放,实际使用中可根据需要来引用以节省资源
2.1 使用标准json数据构造ztree(看看就行,不推荐)
2.3 实际项目开发中为便于維护,数据会单独存放在一个json文件夹中不可存放中这时需要发送ajax请求获取菜单数据构造ztree
3. 为ztree节点绑定事件,使嘚点击节点时打开相关的选项卡
ztree这个js插件大家可以网上参考这裏不多讲:只将例子;
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。