什么是ztree二次加载数据
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了什么是ztree二次加载数据,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2290字,纯文字阅读大概需要4分钟。
内容图文
关于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二次加载数据 的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的什么是ztree二次加载数据全部内容,希望文章能够帮你解决什么是ztree二次加载数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。