javascript - Kendo Grid全选并保存

我正在研究Kendo Grid上的功能。有一个表，每行都有一个复选框，有一个Select All检查所有复选框的选项，并且该行旁边的Select All选项旁边有一个按钮Update All，当您单击Update All它会更新Status网格中所选行的数量，但是它尚未在数据库上更新。要更新数据库上的那些行，您必须单击一个Save Changes按钮。我遇到的问题是，当我单击Update All按钮时，性能超过100行时非常非常慢，我知道为什么，Javascript这是使步骤非常慢的代码：

  var items = $('#grid').data().kendoGrid.dataSource.data();
$.each(selectedRows, function (index, r) {
 var indexOf = rows.indexOf(r);
 var item = items[indexOf];
item.set('STATUS', status); //This line of code is very slow for more than 100 records
});

因此，当有300条以上的记录时，Chrome变得无响应，因此使用set方法会使此过程非常缓慢。所以我将其更改为：

  var items = $('#grid').data().kendoGrid.dataSource.data();
$.each(selectedRows, function (index, r) {
 var indexOf = rows.indexOf(r);
 var item = items[indexOf];
item.STATUS = status; //It works fast now
});
kendoGrid.refresh();

网格在前端正确更新，但是当我单击Save Changes不应该将那些记录保存在数据库上的控制器时，未调用，这是因为Status使用最后一种语法时未检测到列上的更改。之间的差异

item.set('STATUS', status);

和

item.STATUS = status; 
kendoGrid.refresh();

为什么在第二步中使用该set()方法将行保存到数据库中，但是当我使用item.STATUS = status;并单击Save Changes具有更改的行时却未根据请求发送呢？

查看更多