简单zTree的使用步骤(五步曲)
来源:互联网 发布:数控火焰切割编程代码 编辑:程序博客网 时间:2024/05/29 02:51
- 导入zTree的配置文件
<script type="text/javascript" src="../js/ztree/jquery.ztree.all-3.5.js"></script><link rel="stylesheet" href="../js/ztree/zTreeStyle.css" />
在所需要的位置设置class="ztree"
<div data-options="title:'基础菜单'"> <ul id="baseMenu" class="ztree"></ul></div>
根据需要选择生成简单zTree格式还是标准zTree格式(这里只讲简单)ps:注意要在页面加载完成后的function里面写
var setting = { data: { simpleData: { enable: true //支持json格式 }},
编写树形菜单(简单和dTree差不多)
var zNodes = [ //驼峰式命名pId {id:1,pId:0,name:"父节点1"}, {id:2,pId:0,name:"父节点2"}, {id:11,pId:1,name:"父1子节点1"}, {id:12,pId:1,name:"父1子节点2"},];
生成树形菜单
$.fn.zTree.init($("#baseMenu"), setting, zNodes);
阅读全文
2 0
- 简单zTree的使用步骤(五步曲)
- zTree的简单使用
- ztree简单的使用
- Ztree 的简单使用
- ztree的简单使用
- Ztree的简单使用
- zTree的简单使用
- ztree的简单使用
- zTree的简单使用
- zTree 的简单使用
- ZTree控件的简单使用
- 如何使用Ztree ---- 一个使用ztree的简单例子
- 下拉树(ztree)的简单使用
- zTree简单使用(异步加载)
- ztree 使用 简单案例
- zTree 简单使用
- ztree插件简单使用
- ztree 简单使用demo
- React Native View组件实例
- android 全屏显示
- JS异步读取二进制信息
- 35 个 Java 代码性能优化总结
- Java中的几种对象
- 简单zTree的使用步骤(五步曲)
- Android开发集成科大讯飞语音识别+语音合成功能
- List 去除相同数据
- mybatis中将varchar字段类型修改为clob
- zcmu-1182(大数相减)
- SVN图标设置找回
- 用AIDL 实现service 主动发送消息给activity
- HDU2222 Keywords Search(AC自动机)
- android客户端界面加载处理方法