ztree将后台传过来的json对象封装为子父集关系的json数组
来源:互联网 发布:淘宝素材主图怎么做 编辑:程序博客网 时间:2024/06/05 10:54
1、将后台传过来的数据封装
var initDataValue = function (resp) {
var initDataVO = {};initDataVO.value = [];
var regionDataList = resp.data || [];
$.each(regionDataList, function( index, data ) {
if ( data.parentid == 0 ) {
data.value = [];
initDataVO = data;
} else if ( data.parentid == 1 ) {
data.value = [];
initDataVO.value.push(data);
}
});
$.each(initDataVO.value || [], function( index, dataVO ) {
$.each(regionDataList, function( index, regionData ) {
if ( regionData.parentid == dataVO.id ) {
dataVO.value.push(regionData);
}
})
})
return initDataVO;
};
2、调用行政区域数据
regionTree.getRegionList().success(function(regionResp){
if ( regionResp && regionResp.code == "200" ) {
var zNodes = regionTree.initTreeData(
initDataValue(regionResp) );
setTimeout(function() {
$.fn.zTree.init($("#treeDemo"), regionTree.setting, zNodes);
}, 100);
}
});
3、行政区域的配置及方法
/**
* VIM行政区域资源树
* author : jgx
* date : 2015.12.18
*/
define([
'js/pvd/monitor/zTree_v3/js/jquery.ztree.all-3.5.js',
'js/pvd/monitor/zTree_v3/js/jquery.ztree.core-3.5.min.js'
], function(){
var regionTree = {
setting: {
check: {
enable: true
},
data: {
simpleData: {
enable: true,
rootPId: 0
}
},
callback:{
onCheck: function(e, treeId, treeNode){
var treeObj = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = treeObj.getCheckedNodes(true),
checkedName = [],
checkedAreaId = [];
for(var i = 0;i < nodes.length; i++){
checkedName.push(nodes[i].name);
checkedAreaId.push(nodes[i].areaId);
//alert(nodes[i].areaId + ":::" + nodes[i].name); //获取选中节点的值
}
}
}
},
/**
* 获取行政区域结果集
*/
getRegionList: function(){
var retDef = jQuery.Deferred();
return jQuery.ajax({
type: "post",
url: "/videoview/organization/selectOrg?orgId=1",//接口地址
dataType: "json",
data: {},
success: function(regionResp){
if ( regionResp && regionResp.code == "200" ) {
retDef.resolve(regionResp);
}
}
});
return retDef;
},
initTreeData: function(result) {
var zNodes = [];
if (result) {
var fatherID = "1";
var fatherPID = "0";
zNodes.push({id: fatherID, pId: fatherPID, areaId:result.id, name: result.name, open: false});
var arrList = result.value;
for (var i = 0; i < arrList.length; i++) {
var firstIndex = i + 1;
var firstChildID = fatherID + firstIndex;
zNodes.push({id: firstChildID, pId: "1", areaId: arrList[i].id, name: arrList[i].name, open: false});
var arrValueList = arrList[i].value;
for (var x = 0; x < arrValueList.length; x++) {
var secondIndex = x + 1;
var secondChildID = firstChildID + secondIndex;
zNodes.push({id: secondChildID, pId: "1" + firstIndex, areaId: arrValueList[x].id, name: arrValueList[x].name});
}
}
}
return zNodes;
}
};
return regionTree;
});
- ztree将后台传过来的json对象封装为子父集关系的json数组
- zTree接受后台传过来的JSON数组
- 后台传过来的字符串,前段转成JSON对象。
- js将数组对象转化为json格式的数组
- Ajax使用方法,经典Ajax封装,可接收解析后台传回的json对象和json数组
- Java后台如何接收并处理前台传过来的json格式的数组参数
- 05.Java后台如何接收并处理前台传过来的json格式的数组参数
- Java后台如何接收并处理前台传过来的json格式的数组参数
- Java后台如何接收并处理前台传过来的json格式的数组参数
- Gson处理前端传递过来的Json对象数组
- 前端传json对象(包含json数组在里面)的时候,后台为Java,用SSM时候如何接收
- Javascript根据后台传过来的JSON生成TABLE
- extjs4.1中后台传过来的json
- jq获取后台传过来的json格式数据
- Extjs 前台获取后台传过来的Json字符串
- JS遍历后台传过来的JSON数据
- JSON - 解析后台传的JSON或者JSON数组
- zTree的联想[将数据表封装成自定义TreeNode,再将TreeNode生成json字串
- 学习笔记 --- 最大流Dinic算法
- Spring Scope讲解
- C#难点逐个击破3params数组参数
- W8系统安装oracle11G出现环境配置低
- epoll详解
- ztree将后台传过来的json对象封装为子父集关系的json数组
- PhoneGap/Cordova学习笔记--4.使用HTML5进行页面布局
- SQL学习总结
- Codeforces Round #335 (Div. 2) B. Testing Robots (模拟)
- android性能优化
- Java 中4字节形式数据转换为float
- copy和mutableCopy
- 高性能分布式计算与存储设计概要
- 小心错误使用EasyUI 让网站性能减半