Kendo UI DataSource 删除项目非常慢

Question

我有一个 kendo ui 网格，它使用包含少于 40 个项目的数据源填充。每个项目大约有 10 个字段，其中一个是包含不超过 3 个项目的数组。该网格有一个详细信息模板，其中还包含一个由主记录中的数组字段填充的网格。

当我调用 dataSource.remove(item) 时，大约需要 10 秒才能删除项目。

这里是数据源：

var ds = new kendo.data.DataSource({
  transport: {
    read: function (options) {
      $.ajax({
        url: 'some service url',
        type: 'GET'
      }).success(function (data) {
        options.success(data);
      })
    },
  },
  sort: { field: 'Ordinal', dir: 'asc' },
  schema: {
    model: {
      id: 'ID',
      fields: {
        Name: { editable: false },
        Ordinal: { editable: false }
      }
    }
  }
})

这是我的网格：

<div id="grd" data-role="grid"
     data-auto-bind="true"
     data-editable="true"
     data-selectable="false"
     data-resizable="true"
     data-sortable="true"
     data-scrollable="true"
     data-detail-template="fTemplate"
     data-columns="[
                   { field: 'Name', title: 'Name' },
                   { template: kendo.template($('#tStatus').html()), title: 'Status', width: '150px' },
                   { template: kendo.template($('#tError').html()), title: 'Continue On Error', width: '150px' },
                   { field: 'Ordinal', title: 'Order', width: '75px' }
                   ]"
     data-bind="source: ds, events: { detailInit: initializeDetails }" style="height: 300px;">
</div>

我很难理解为什么性能缓慢。我之前用过remove方法，从来没有遇到过问题。

非常感谢任何建议。

谢谢。

Answer 1

经过几个小时的玩耍和测试，我找到了性能缓慢的原因。

问题是我的网格有 2 个模板列，一个是下拉列表，另一个是复选框。如果我删除这些，一切正常。我猜性能下降是因为网格必须渲染 2 个模板并为每一行启动和绑定小部件。

有没有办法在这种情况下提高性能？