首页 > 其他 > 详细

zTree树状结构

时间:2019-09-05 00:55:26      阅读:95      评论:0      收藏:0      [点我收藏+]

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

 

zTree树状结构

原文:https://www.cnblogs.com/gxlaqj/p/11462687.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!