转自:http://blog.csdn.net/yenange/article/details/7262682
这绝对是我见过最完美的tree了,虽然是国产货,但一点不输国外产品,国外的还没有见过这么强的。
__________________________________________________________________________________
下面是简单的使用demo:
- <!DOCTYPE html>
- <html>
- <head>
- <title>ZTREE DEMO - Standard Data </title>
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
- <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
- <script src="js/jquery.ztree.core-3.4.js" type="text/javascript"></script>
- <script type="text/javascript">
- var setting = {
- view: {
- selectedMulti: false //禁止多点选中
- },
- data: {
- simpleData: {
- enable:true,
- idKey: "id",
- pIdKey: "pId",
- rootPId: ""
- }
- },
- callback: {
- onClick: function(treeId, treeNode) {
- var treeObj = $.fn.zTree.getZTreeObj(treeNode);
- var selectedNode = treeObj.getSelectedNodes()[0];
- $("#txtId").val(selectedNode.id);
- $("#txtAddress").val(selectedNode.name);
- }
- }
- };
- var zNodes =[
- {id:1, pId:0, name:"广东", open:true},
- {id:101, pId:1, name:"广州", file:"core/standardData"},
- {id:102, pId:1, name:"深圳", file:"core/simpleData"},
- {id:103, pId:1, name:"东莞", file:"core/noline"}
- ];
- $(document).ready(function(){
- $.fn.zTree.init($("#treeDemo"), setting, zNodes);
- });
- </script>
- </head>
- <body>
- <div style="float:left;" >
- <ul id="treeDemo" class="ztree">
- </ul>
- </div>
- <div style="float:left;" >
- id: <input id="txtId" type="text" value="" /><br />
- 地名:<input id="txtAddress" type="text" value="" />
- </div>
- </body>
- </html>
相关推荐
jquery-1.4.4.min.js jquery.ztree.exhide.min.js jquery.ztree.exedit.min.js jquery.ztree.excheck.min.js jquery.ztree.core.min.js jquery.ztree.all.min.js jquery-1.4.4.js jquery.ztree.exhide.js jquery....
zTree 是一个功能很强大的树插件。这里有好多演示,有自定义json数据,自定义树节点图标,异步加载,更新节点图标,拖拽节点控制等等。
非常好用的Jquery-ztree树形菜单代码并适应移动端,可以自动配置图标
jquery_ztree树形下拉框.rar
jquery-zTree插件引用的工具包
ztree demo jquery.ztree,jquery.ztree.core.js,jquery.ztree.core-3.5.min.js,jquery.ztree.excheck-3.5.min.js,jquery.ztree.all.min.js,jquery.ztree.exedit.js,jquery.ztree.exhide.min.js,jquery-1.4.4.min...
ztree实现模糊查询需要的依赖包:jquery.ztree.exhide.js
jQuery树和zTree树插件 API 收集于网络 版权归原著作者所有
强大的jquery.ztree树形菜单插件支持多种树形菜单导航
本资源提供了一套基于jQuery的zTree v3系列树插件的设计源码,包含536个文件,其中包括463个HTML页面文件,25个PNG图片文件,以及16个JavaScript脚本文件。此外,还包括12个GIF动画文件,7个CSS样式文件,4个PHP源...
用于生成树形组件,javaScript的一个插件,用于使用树形的下拉组件!
zTree树 树结构 插件 含demo zTree树 树结构 插件 zTree树 树结构 插件
jquery-ztree.rar下载
Jquery-ztree树形菜单代码并适应移动端
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。 支持静态 和 Ajax 异步加载节点数据. 在开发中我们常需要用到树状的展示. 下载地址:zTree 静态...
NULL 博文链接:https://gaojunwei.iteye.com/blog/1770615
ztree添加功能,使其支持字体图标,核心文件jquery.ztree.core.js,欢迎下载。
jquery中的ztree包。jquery-ztree.rar压缩包
主要介绍了jQuery使用zTree插件实现树形菜单和异步加载的相关方法,感兴趣的小伙伴们可以参考一下
jquery 树控件 万能树 拖拽 添 删 改 大数据操作 ajax操作 代码清晰便于重构 修改