Maison > interface Web > js tutoriel > le corps du texte

Qu'est-ce que les données de chargement secondaire de ztree ?

一个新手
Libérer: 2017-09-08 09:12:50
original
2253 Les gens l'ont consulté

À propos du chargement secondaire des données de ztree.

Code 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);  
                              }
                          }   
                      });
                };  
        };
Copier après la connexion

Code jsp :

<p data-options="region:&#39;west&#39;,split:true"  style="width:15%;">
        <ul id="groupTree" class="ztree" ></ul>
        </p>
Copier après la connexion

Citation du plugin 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>
Copier après la connexion


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal