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

在使用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(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值