从Kendo网格中删除多行会使页面无响应

时间:2017-08-15 08:13:14

标签: angular kendo-ui-angular2

我的每一行都有一个带复选框的网格,我尝试grid.removeRowdataSource.remove(item)splice()一切都不适合我。

网格只包含4列复选框,记录大约为1.6k。当我根据每行的复选框单击删除按钮进行删除时,页面才会无响应。

这是我的代码:

var raw = $scope.DataSource.data();
var length = raw.length;
var item, i;
for (i = length - 1; i >= 0; i--) {
     item = raw[i];
     if(!item.IsSelect) //IsSelect here is the boolean variable
        $scope.DataSource.remove(item);
}

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

尝试删除for循环外的项目。每次删除后可能会进行一些重绘,从而冻结浏览器

答案 1 :(得分:0)

嗯,我也做了同样的事情,我必须说Angular 2的Kendo Grid真的很差。 另外,我用角度2网格做了,不能说它会帮助你使用Angular1。

编辑:我正在使用splice从Grid中删除选定的行数据:

this.array1.push(this.checkedArrayData[i]);
this.array2.splice(this.checkedArrayData[i], 1);

//将数组数据源重新分配给网格

this.array2 = this.array2.slice();