ztree一级一级加载数据
2017-09-07 20:30
183 查看
关于ztree二次加载数据。
js代码:
jsp代码:
引用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代码:
<div data-options="region:'west',split:true" style="width:15%;"> <ul id="groupTree" class="ztree" ></ul> </div>
引用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一级一级加载,解决数据过大加载缓慢问题
- 爱上MVC3~MVC+ZTree大数据异步树加载
- zTree 树形控件 ajax动态加载数据
- 爱上MVC3~MVC+ZTree大数据异步树加载
- ztree异步加载数据
- Ztree,异步逐级加载数据,连接数据库增删改,模糊搜索
- zTree 异步加载数据传参问题
- Ztree树形动态加载数据
- ztree一次性加载数据
- MVC+ZTree大数据异步树加载
- Ztree树形动态加载数据
- Jquery zTree结合Asp.net实现异步加载数据
- ztree插件的使用及列表项拖拽的实现(jQuery)+异步加载节点数据
- zTree读取公司部门与子部门信息数据加载出问题
- ztree 一次性加载大数据量
- zTree异步加载数据,默认展开全部节点
- zTree实现异步加载数据(使用SPRING MVC4+mybatis3.8)
- ztree通过ajax加载json数据中文乱码的解决方法:springmvc配置
- ztree实现异步加载(点击节点,请求后台数据,添加数据到对应节点)