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<实体类> 格式的数据

 

转载于:https://www.cnblogs.com/gxlaqj/p/11462687.html