最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

什么是ztree二次加载数据

来源:动视网 责编:小采 时间:2020-11-27 20:13:35
文档

什么是ztree二次加载数据

什么是ztree二次加载数据:关于ztree二次加载数据。js代码:var groupSetting = { /* check : { enable : true//复选框 }, */ view: { showIcon: false,//是否显示节点的图标 showLine: true,//显示节点之间的连线。 expandSpeed: "slow&qu
推荐度:
导读什么是ztree二次加载数据:关于ztree二次加载数据。js代码:var groupSetting = { /* check : { enable : true//复选框 }, */ view: { showIcon: false,//是否显示节点的图标 showLine: true,//显示节点之间的连线。 expandSpeed: "slow&qu


关于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:'west',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二次加载数据

什么是ztree二次加载数据:关于ztree二次加载数据。js代码:var groupSetting = { /* check : { enable : true//复选框 }, */ view: { showIcon: false,//是否显示节点的图标 showLine: true,//显示节点之间的连线。 expandSpeed: "slow&qu
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top