zoukankan      html  css  js  c++  java
  • ztree树形菜单

    引入:

    <script src="js/jquery.ztree.all.js"></script>

    $(function(){

      var setting={

        callback:{

          onClick: onClick, //点击事件

          //onCllapse:zTreeOnCollapse,

          //onExpand:zTreeOnexpand,

          //beforeEditName:beforeEditName,

          //beforeRemove:beforeRemove

        },

        view:{

          nameIsHTML:true,

          showTitle:false,

          dblClickExpand:trye,

          selectedMulti:false,

          //addHoverDom:addHoverDom,

          selectedMulti:false

        },

        data:{

          simpleData:{

            enable:true

          }

        },

        edit:{

          //enable:true,

          //editNameSelectAll:true,

          //showRemoveBtn:showRemoveBtn,

          //showRemoveBtn:showRemoveBtn

        }

      };

      var curTree=$.fn.zTree.init($("绑定元素id"),setting,zNodes//json);

    })

     json格式:

    var zNodes=[{

      name:"",

      id:"",

      pId:""//pId为父级id,如该没有则为空

    },{

      name:"",

      id:"",

      pId:"",

    }..........

    ]

    //点击事件:

    function aa(event,treeld,treeNode){

      treeNode.id //可获取点击的这个的id

    }

  • 相关阅读:
    Spring Security 4
    JPA查询
    改进的冒泡算法
    Create User
    COM调用 – VB、PB
    J-Link clone问题
    修复山寨版的J-Link
    C# Web版报表
    HTML/CSS/Javascript代码在线压缩、格式化(美化)工具
    eclipse中字母大小写转换快捷键
  • 原文地址:https://www.cnblogs.com/hhthtt/p/11039914.html
Copyright © 2011-2022 走看看