zTree-基本树
2016-07-13 22:50
357 查看
1、实现源码
2、实现结果
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>zTree-基本树</title> <link rel="stylesheet" href="css/demo.css" /> <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" /> <script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script> <script type="text/javascript" src="js/jquery.ztree.core.js" ></script> <script> $(function(){ $.fn.zTree.init($("#tree"), setting, zNodes); }); var setting = { view: { showIcon: showIconForTree }, data: { simpleData: { enable: true } } }; var zNodes =[ { id:1, pId:0, name:"计算机编程语言", open:true}, { id:11, pId:1, name:"Java"}, { id:12, pId:1, name:"C#"}, { id:13, pId:1, name:"C++"}, { id:2, pId:0, name:"数据库", open:true}, { id:21, pId:2, name:"Oracle"}, { id:22, pId:2, name:"SQL Server"}, { id:23, pId:2, name:"MySQL"} ]; function showIconForTree(treeId, treeNode) { return !treeNode.isParent; }; </script> </head> <body> <div> <ul id="tree" class="ztree"></ul> </div> </body> </html>
2、实现结果
相关文章推荐
- 国内四个不错的技术团体博客
- iOS 浅析蓝牙交互之蓝牙客户端
- 328. Odd Even Linked List
- Python 面向对象编程——类和实例
- 模拟键盘输入字符串的C++类
- http://www.oreilly.com/catalog/errataunconfirmed.csp?isbn=9780596529321
- 采用MySQL_upgrade升级授权表方式升级
- CardView的使用
- 模拟键盘向当前光标处发送字符串
- Android基础知识总结---四大组件之一Service(一)
- Shiro简单的角色权限控制
- 分割字符串
- [OpenGL] 利用精灵表制作动画
- iOS开发中的错误整理,iOS9之后的UIWindow(TopWindow)以及UIWindow与statusBar的关系
- 获取多个同名窗口的句柄
- Python + Android + Uiautomator自动化测试
- Http缓存
- 基于C语言sprintf函数的深入理解
- Windows Server 2012 R2在桌面上顯示我的電腦等圖示
- struts2 复杂参数封装