JS树结构数据传输，对应替换属性值

yhh_peter

于 2021-02-23 22:01:40 发布

阅读量923

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 miniui 文章标签： js javascript

本文链接：https://blog.youkuaiyun.com/yhh_peter/article/details/114003912

在使用miniui加载树形结构数据时，遇到字段名不匹配及多个treeGrid共享数据导致功能受限的问题。通过递归遍历转换树结构属性值，并创建新对象实现数据隔离，确保不同组件独立操作数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用miniui加载树形结构时遇到两个问题：
1、获取的原始树结构的数据字段与需要的字段属性名不一样
2、两个treeGrid表加载同一个树形数据时，第一个加载的表功能会受限（即使使用新的对象直接等于原始数据，两个表依然视作了加载的是同一个对象）
自己整理了一个循环递归遍历，将树结构中的数据字段的属性值一一对应进行转换，用两个对象分别去接取，实现了同一个页面加载相同原始数据，操作分离

function changeInfoDetail(mainData){
   
   
	var newTree = [];
	if(!countFieldsMap.has(miniId)){
   
   
		return newTree;
	}
	
	var fieldChangeArray = [{
   
   
		oldField:"id",
		newField:"id"
	},{
   
   
		oldField:"modelCode",
		newField:"modelCode"
	},{
   
   
		oldField:"pid",
		newField:"pid"
	},{
   
   
		oldField:"budgetTopicName",
		newField:"budgetTopicName"
	},{
   
   
		oldField:"budgetTemTopicName",
		newField:"budgetTemTopicName"
	},{
   
   
		oldField:"rowName",
		newField:"rowName"
	}]
	
	//获得已有属性值
	for(var i=0;i< mainData.length;i++){
   
   
		newTree.push(