添加新行时如何停止kendo网格刷新?

时间:2018-07-18 19:53:14

标签: jquery kendo-ui kendo-grid

我有一个在单击按钮事件中要向其添加新行的网格,我遇到的问题是在不刷新该网格的情况下添加了新行。

我的点击事件是

$(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会停止它,但我错了。

因此,简而言之,添加新行时如何停止刷新网格?

1 个答案:

答案 0 :(得分:0)

您应该使用网格的addRow方法,而不是直接操纵其数据源(注意:它区分大小写)。这样操作时,它不应该刷新其内容(看起来像您尝试过的一样,但是可能是错误的大小写了吗?)