zoukankan      html  css  js  c++  java
  • 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  
  • 相关阅读:
    MSN无法登录(错误代码80072745)的解决方法
    C#3.0新体验(二) 扩展方法
    My DreamTech
    让IE崩溃的bug, IE8也一样崩溃
    多线程的相关概念
    10条PHP经验总结
    PHP框架 CI与TP之MVC比较
    多线程设计要点
    Linux yum命令的使用技巧
    BigPipe 的工作原理
  • 原文地址:https://www.cnblogs.com/god-S/p/6125622.html
Copyright © 2011-2022 走看看