Kendo Grid - 排序问题后添加新项目-Java 学习之路

我使用的是Kendo UI v2014.1.528

在Kendo Grid中绑定数据，如下所示

$("#list485").kendoGrid({
                dataSource: dataSource,
                sortable: true,
                columns: [
                    //Column List
                ]
               );

它给了我一个 "Sort" 和 "Add New Record" 特征的网格 .

如果我点击"Add New Record"按钮，它会添加一个 empty record in the first row of the grid . 这可以 .

但是，如果我对任何列上的网格进行排序，然后单击"Add New Record"按钮， the empty row for new record gets added somewhere in between the existing rows .

有人可以帮我理解并解决这个问题吗？

1 回答

您可以在单击自定义“添加”按钮的同时清除Kendo网格中的排序或过滤 . 我添加了Razor代码

代码添加自定义添加按钮以捕获Javascript

.ToolBar(toolbar =>{                        toolbar.Custom().Name("cmdAddRecord")
                .Text("Add New Record")
                .HtmlAttributes(new { @id = "cmdAddRecord"   }); })

Javascript清除排序和过滤 .

$("#cmdAddRecord").click(function (e) {

    var grid= $("#Grid").data("kendoGrid");
    var sorting = grid.dataSource.sort();
    var filtering = grid.dataSource.filter();
    if (filtering) {
        grid.dataSource.filter(null);
    }
    if (sorting) {
        grid.dataSource.sort(null);
    }
    grid.addRow();
    e.preventDefault();

});

回复于 2024-04-20T11:44:46+08:00

Kendo Grid - 排序问题后添加新项目

1 回答

相关问题