zoukankan      html  css  js  c++  java
  • zTree树状结构

    1.定义zTree的结构

      var setting = {
          data : {
              simpleData : {
                  enable : true,
                  idKey : "id",  //节点数据中保存唯一标识的属性名称
                  pIdKey : "parentId",  //节点数据中保存其父节点唯一标识的属性名称
                  rootPId : null  //根节点id
              }//json 格式javascript对象
          }
      }//json 格式的javascript对象

    2.将后台返回的数据展示在页面

      //修改ZTree的CSS样式
      function doOpenZTree(){
          $("#menuLayer").css("display","block");
          //将后台取到的数据展示到ZTree中
          var url="menu/doGetNodes.do";
          $.getJSON(url,function(result){
              if(result.state==1){
                  zTree = $.fn.zTree.init(
                          $("#menuTree"),
                          setting,result.data);
              }else{
                  alert(result.message);
              }
          });

    3.注:

    (1)后台返回的数据的封装类,封装数据需要Object data; 这个变量名一定是data,

    (2)从2 中可以看出,前台需要的数据起码有 id、parentId、name这三个字段

    (3)数据需要封装到实体类中,即:List<实体类> 格式的数据

  • 相关阅读:
    jvm调优
    Spring 事务
    Spring Framework入门介绍
    redis入门介绍
    Spring与SpringMVC重复扫描问题
    跨域相关问题
    Spring MVC介绍
    Servlet、Servlet容器
    获取屏幕宽高
    mybatis中比较符的写法
  • 原文地址:https://www.cnblogs.com/gxlaqj/p/11462687.html
Copyright © 2011-2022 走看看