时间戳

首页 > 解决方案 > 添加新行时如何停止剑道网格刷新？

jquery - 添加新行时如何停止剑道网格刷新？

问题描述

我有一个网格，我要在按钮单击事件上添加一个新行，我遇到的问题是在没有刷新网格的情况下添加一个新行。

我的点击事件是

$(document).on('click', '.btnAddNewArea', function (e) {
    e.preventDefault();
    StopDetailCollapse("#TabEditor");
    AddNewRowToGrid(".eagClass");
});

我的添加行功能是

function AddNewRowToGrid(gridID) {
    var grid = $(gridID).data("kendoGrid");
    //grid.AddRow();
    grid.dataSource.insert(
        0,
        {
            AreaID: -1,
            AreaName: "New Area",
            Catalog: 0
        });
}

我以为 e.preventDefault 会阻止它，但我错了。

那么，简而言之，如何在添加新行时阻止网格刷新？

标签： jquerykendo-uikendo-grid

解决方案

您应该使用网格的addRow方法，而不是直接操作它的数据源（注意：它区分大小写）。当你这样做时，它不应该刷新它的内容（看起来你试过了，但可能是外壳弄错了？）

推荐阅读