Ztree使用 

 1 基础：
 2 <link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
 3 <script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
 4 <script type="text/javascript" src="../../../js/jquery.ztree.core.js"></script>
 5 <script type="text/javascript" src="../../../js/jquery.ztree.excheck.js"></script>
 6 <div id="tree" class="widget-main">
 7     <ul id="treeDemo" class="ztree"></ul>
 8 </div>
 9 function showIconForTree(treeId, treeNode) {
10     return ((9==treeNode.kind || 0==treeNode.kind)?true:false);//根据条件
11     //return treeNode.isParent;      //根据是否为父节点
12 }
13 var setting =
14 {
15　　view: {
16　　　　showIcon: showIconForTree    //图标
17　　},
18　　data: {
19　　　　simpleData: {
20　　　　　　enable: true
21　　　　},
22　　　　key:{
23　　　　　　name: "name",
24　　　　}
25　　},
26　　callback: {
27　　　　onClick: zTreeOnClick        //回调单机事件
28　　}
29 };
30 $.fn.zTree.init($("#treeDemo "), setting, data);
31 var zTree = $.fn.zTree.getZTreeObj("treeDemo ");//获取树
32 var root = zTree.getNodeByParam('id', '0');//获取id为0d的点
33 zTree.expandNode(root, true, false, true);//展开选中节点
34 zTree.selectNode(root);//选择节点
35 zTree.setting.callback.onClick(null, zTree.setting.treeId, root);//调用事件
36              
37

 

posted @ 2016-12-02 14:24  616866114  阅读(819)  评论(0)    收藏  举报