ztree 보조 로딩 데이터란 무엇입니까?

一个新手
풀어 주다: 2017-09-08 09:12:50
원래의
2252명이 탐색했습니다.

ztree 보조 로딩 데이터에 대해.

js 코드:

var groupSetting = {  
              /* check : {  
                  enable : true//复选框
              },  */ 
              view: {
                  showIcon: false,//是否显示节点的图标
                  showLine: true,//显示节点之间的连线。
                  expandSpeed: "slow",//节点展开、折叠时的动画速度
                  selectedMulti: true//不允许同时选中多个节点。
              },
              callback: {
                onClick: groupzTreeOnClick,//点击节点加载子节点
                },
              data : {  
                  simpleData : {  
                      enable : true,  //使用简单数据模式
                      idKey : "id",  //节点数据中保存唯一标识的属性名称
                      pIdKey : "pid", //节点数据中保存其父节点唯一标识的属性名称 
                      rootPId : 0   //用于修正根节点父节点数据   默认值:null
                  },
                  key: {
                      name:"shopName",
                    }
              }  
          };          var groupTreeNodes;          function loadOrgTree(){
              $.ajax({  
                  url : "getOrgTree.action",  
                  type : 'POST',//请求方式:post  
                  data: {shopId:1},
                  dataType : 'json',//数据传输格式:json  
                  async : false,//是否异步  
                  cache : false,//是否使用缓存 
                  error : function() {  
                      //请求失败处理函数  
                    $.messager.alert("警告",'请求失败!');  
                  },  
                  success : function(data) { 
                      if(data!=null && data!=""){
                          groupTreeNodes = data;//把后台封装好的简单Json格式赋给treeNodes  
                      }
                  }  
              });  
              var group = $("#groupTree");  
               $.fn.zTree.init(group, groupSetting, groupTreeNodes);
          }          function groupzTreeOnClick(event, treeId, treeNode) {

                var shopId=treeNode.id;                //判断该节点下是否有节点,没有就加载节点
                var treeObj = $.fn.zTree.getZTreeObj(treeId);                var node = treeObj.getNodeByTId(treeNode.tId);                if(node.children == null || node.children == "undefined"){  
                    $.ajax({  
                          url : "getOrglod.action",  
                          type : 'get',//请求方式:get  
                          data: {shopId:shopId},
                          dataType : 'json',//数据传输格式:json  
                          error : function() {  
                              //请求失败处理函数  
                            $.messager.alert("警告",'亲,请求失败!');  
                          },  
                          success : function(data) { 
                              if(data!=null && data!=""){                                    //添加新节点  
                                newNode = treeObj.addNodes(node, data);  
                              }
                          }   
                      });
                };  
        };
로그인 후 복사

jsp 코드:

<p data-options="region:&#39;west&#39;,split:true"  style="width:15%;">
        <ul id="groupTree" class="ztree" ></ul>
        </p>
로그인 후 복사

Ztree 플러그인 인용:

<link href="<%=request.getContextPath()%>/js/zTree/zTreeStyle/zTreeStyle.css" rel="stylesheet">
<script src="<%=request.getContextPath()%>/js/zTree/jquery.ztree.core-3.5.js"></script>
        <script src="<%=request.getContextPath()%>/js/zTree/jquery.ztree.excheck-3.5.js"></script>
로그인 후 복사


위 내용은 ztree 보조 로딩 데이터란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿