標籤：des style http java color 使用 io art
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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
