wijmojs如何在编辑或粘贴事件时请求ajax改变数据源

KevinChen

需求:某一列编辑结束时或粘贴结束时进行异步ajax请求(同步体验有点差)去后台拿取该行其他列的数据填充到itemsSource里，改了好几次代码发现表格看上去是填充上去了，但是一console.log(theGrid.itemsSource)就会发现值没有添加到数据源里,还请帮忙看看给个示例demo。

cellEditEnding: function (s, e) {
var col = s.columns[e.col];
if (col.binding == 'MATERIALNO') {
var value = wijmo.changeType(s.activeEditor.value, wijmo.DataType.Number, col.format);
if(value){
var item = s.rows[e.row].dataItem;
item.MATERIALNO = value;
var array = [item];
$.nflgAjax({
url: 'xxx',
data: {
data: JSON.stringify(array)
},
success: function (result) {
if (result.status == 'error') {
layer.alert(data.message);
return false;
}
if (result.length > 0) {
s.rows[e.row].dataItem = result[0];
theGrid.refresh();
}
}
});
}
}
},
pastedCell: function (s, e) {
var col = s.columns[e.col];
if(col.binding == 'MATERIALNO'){
var item = s.rows[e.row].dataItem;
if(item.MATERIALNO){
var array = [item];
$.nflgAjax({
url: 'xxx',
data: {
data: JSON.stringify(array)
},
success: function (result) {
if (result.status == 'error') {
layer.alert(data.message);
return false;
}
if (result.length > 0) {
s.rows[e.row].dataItem = result[0];
theGrid.refresh();
console.log(theGrid.itemsSource);
}
}
});
e.cancel = true;
}
}
}

复制代码

KevinChen · KevinChen

您好，实际上您可能没注意到示例中的改动，由于Wijmo与数据源进行了绑定，那么实际上可以直接改动数据源即可，

请参考示例中的代码，代码如下，我加了注释：

cellEditEnding: function (s, e) {
var col = s.columns[e.col];
if (col.binding === 'xxx') {
var value = wijmo.changeType(s.activeEditor.value, wijmo.DataType.Number, col.format);
if(value){
var item = s.rows[e.row].dataItem;
item.xxx = value;
setTimeout(function () {
var sourceItem = {
id: 99,
country: countries[Math.floor(Math.random() * 5)],
sales: Math.random() * 100,
expenses: Math.random() * 50,
xxx: Math.random() * 50,
aaa: Math.random() * 50,
bbb: Math.random() * 50,
ccc: Math.random() * 50,
ddd: Math.random() * 50,
eee: Math.random() * 50,
yyy: Math.random() * 50,
uuu: Math.random() * 50,
iii: Math.random() * 50,
ooo: Math.random() * 50,
ppp: Math.random() * 50,
jjj: Math.random() * 50
};
// 更改数据源
data[e.row] = sourceItem;
//s.rows[e.row] = sourceItem;
theGrid.collectionView.refresh();
},20);
}
}
}

复制代码

KevinChen · KevinChen

您好，改动某一项需要刷新collectionViews，请参考附件示例。

登录 · 15959953549

本帖最后由 15959953549 于 2019-7-22 18:02 编辑

你好，这个我其实是知道的，我已经尝试过了是不行的；数据展示里看是有，但是数据源里没有

cellEditEnding: function (s, e) {
//若有行新增物料号，则去请求sap接口获取采购组、实时库存、sap物料描述、是否冻结等信息
console.log(theGrid.itemsSource);
var col = s.columns[e.col];
if (col.binding == 'MATERIALNO') {
var value = wijmo.changeType(s.activeEditor.value, wijmo.DataType.Number, col.format);
if(value){
var item = s.rows[e.row].dataItem;
item.MATERIALNO = value;
var array = [item];
$.nflgAjax({
url: 'outsourcing_parts!requestSap.action',
data: {
data: JSON.stringify(array)
},
success: function (result) {
if (result.status == 'error') {
layer.alert(data.message);
return false;
}
if (result.length > 0) {
s.rows[e.row].dataItem = result[0];
theGrid.collectionView.refresh();
theGrid.refresh();
}
}
});
}
}
},

复制代码

回复 · 15959953549

您好，感谢您的回答，我早上又看了下示例，把s.rows[e.row] = result[0];;这句话换成
theGrid.itemsSource[e.row] = result[0];
之后就可以了，感谢您的回答，问题已解决

KevinChen · KevinChen

不客气，很高兴解决了您的问题，本贴我结帖了，有新的问题欢迎发新帖交流~

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

[已处理] wijmojs如何在编辑或粘贴事件时请求ajax改变数据源

最佳答案

评分

5 个回复

本帖子中包含更多资源

本帖子中包含更多资源

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证