jquery——zTree, 完美好用的树插件
来源:互联网 发布:淘宝全球交易线 编辑:程序博客网 时间:2024/04/28 08:20
Demo
这绝对是我见过最完美的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——zTree, 完美好用的树插件
- jquery——zTree, 完美好用的树插件
- jquery——zTree, 完美好用的树插件
- jquery——zTree, 完美好用的树插件
- 一个好用的jquery树形插件zTree
- jquery——zTree树插件的简单实例
- jQuery的zTree树插件
- zTree -- jQuery 树插件
- zTree -- jQuery 树插件
- zTree -- jQuery 树插件
- zTree -- jQuery 树插件
- zTree -- jQuery 树插件
- zTree-jQuery树插件
- jQuery ztree 树插件的使用
- jquery插件ztree的总结
- (推荐)zTree -- jQuery 树插件
- Jquery树插件zTree入门教程
- Jquery树插件zTree入门教程
- java中key值可以重复的map:IdentityHashMap
- 操作将HTML文件转成XML文件的类
- 出现问题:BOOTSTRP导致访问侵犯在IMSCUT.DL的解决办法
- 面向UDP的无连接的C++网络编程
- JAVA位运算符
- jquery——zTree, 完美好用的树插件
- 精灵进程(daemon)编程规则
- 大家好 ,遇到一个怪怪的有关问题,tomcat节点之间互相发现不了
- vi命令
- 编写高效的Android代码
- TCP/IP读书笔记之动态选路协议
- JBOSS5.1运行一段时间后挂掉解决思路
- 基于UDP的控制台聊天程序
- Myeclipse中配置JDK环境变量