javascript - Kendo UI Grid 可编辑手动 dataItem.set() 慢/延迟

Question

我有一个可编辑的 Kendo Grid，它可能有一列带有用于更改 bool 值的复选框。我用过this solution由 OnaBai 提出，效果很好!

唯一的问题是复选框值变化太慢了。当用户单击它时，大约需要 1 秒才能更改。我意识到 dataItem.set() 方法是造成这种延迟的原因。

我的网格有大量数据。大约 30-40 列和 300 多行。定义如下:

$("#mainGrid").kendoGrid({
    dataSource: dataSource,

    pageable: false,
    sortable: true,

    scrollable: true,
    editable: true,
    autoBind: false,
    columnMenu: true, // Cria o menu de exibição de colunas
    height: getGridHeight(),

    toolbar: [/* hide for brevity */],
    columns: [/* hide for brevity */],
    dataBound: function() { /* hide for brevity. */},
    edit: function() { /* hide for brevity. */}
});

另一个细节是，当 dataItem.set() 被调用时，它会调用 dataBound() 事件，但这不会导致延迟。 Grid 的 edit() 方法未在此过程中调用。我不知道是否值得发布 dataSource 代码。

Answer 1

我建议使用 this 中的方法 有关使用复选框的代码库文章。它不使用模型的设置方法，仍然以相同的方式工作。即使单个页面上有 2000 条记录，CheckAll 也能完美运行。