v18版本 table使用dataManager数据无序问题

收藏

table使用dataManager后，获取对table插入行后的数据是无序的，我这边希望是有序的，场景是要处理协同时的数据做更新

Ellia.Duan · Ellia.Duan

46449855213bfc4d7fe40d96e5178e1.png612918700.png

1ac1e9dd0cb355a9fab979ac0b28a4d.png682437438.png

上面两个图片分别是使用getDataSource()和table.options.data的结果。
可以看出来，顺序是不一样的。

还想确认下您目前的流程
1、插入一行，此时getDataSource()传给后端，对空对象生成uuid。
2、在1的结果中，返回前端，重新setDataSource()??

BossONE · BossONE

Ellia.Duan 发表于 2025-4-14 14:09
上面两个图片分别是使用getDataSource()和table.options.data的结果。
可以看出来，顺序是不一样的。

...

之前是直接对sourceData做处理

Ellia.Duan · Ellia.Duan

收到，调研编号：SJS-29161

Ellia.Duan · Ellia.Duan

dataManager 的设计思路与数据库一致，不涉及数据的顺序问题。
可以参考下面的代码，在插入行后，回填唯一主键。

productTable = dataManager.addTable("product", {
batch: true,
remote: {
read: {
url: 'http://localhost:3000/getAll'
},
batch: function (changes) {
console.log('修改的数据', changes)
let newChanges = changes.map(item => {
if (item.type == 'insert') {
item.dataItem['采购订单号'] = `PX2301${String(item.sourceIndex + 1).padStart(4, '0')}`;
}
return item;
})
console.log('修改的数据', newChanges)
return new Promise((resolve, reject) => {
fetch("http://localhost:3000/order/batchUpdate", {
method: "post",
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(newChanges),
}).then((response) => response.json())
.then((data) => resolve(data))
.then(() => designer.refresh());
});
}
}
})

复制代码

后端代码：

order.get("/getAll", (req, res) => {
res.json(fakeData);
});
order.post("/order/batchUpdate", (req, res) => {
let obj = []
const resultArray = req.body
console.log(resultArray)
resultArray.forEach((item, index) => {
obj[index] = {
"succeed": true
}
if (item.type === 'update') {
let _index = item.sourceIndex
fakeData[_index] = item.dataItem
} else if (item.type === 'insert') {
fakeData.push(item.dataItem)
obj[index].data = item.dataItem
} else if (item.type === 'delete') {
let _index = item.sourceIndex
fakeData.splice(_index, 1)
}
})
console.log("obj", obj)
res.json(obj);
});

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] v18版本 table使用dataManager数据无序问题

4 个回复

SpreadJS 认证

SpreadJS 高级认证