欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

将请求回来的数据转化成符合ztree的数据格式

程序员文章站 2022-03-30 22:02:41
...

从后台请求回来的数据格式:

let resData = [
		{id: 1,name: "父节点 1"},
		{id: 1,pId: 1,name: "叶子节点 1-1"},
		{id: 2,pId: 1,name: "叶子节点 1-2"},
		{id: 3,pId: 1,name: "叶子节点 1-3"}]

若想转换成符合ztree数据格式,需转换成如下数据格式:

let zNodes = [
		{id: 1,pId: 0 , name: "父节点 1"},
		{id: 11,pId: 1,name: "叶子节点 1-1"},
		{id: 12,pId: 1,name: "叶子节点 1-2"},
		{id: 13,pId: 1,name: "叶子节点 1-3"}]

利用map方法,将请求回来的数据转化成符合ztree的数据格式

resData.map(function(item){
	if(!item.pId){
		item.pId = 0;
		item.open = 'true';
	}else{
		item.id = + (String(item.pId) + item.id)
	}
})

将请求回来的数据转化成符合ztree的数据格式