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

【问题标题】：Kendo Grid - Add New Item after sorting issuesKendo Grid - 排序问题后添加新项目
【发布时间】：2014-10-29 14:50:20
【问题描述】：

我正在使用 Kendo UI v2014.1.528

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

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

它给了我一个带有“排序”和“添加新记录”功能的网格。

如果我点击“添加新记录”按钮，它会在网格的第一行添加一个空记录。这很好。

但是，如果我对任何列的网格进行排序，然后单击“添加新记录”按钮，新记录的空行将添加到现有行之间的某处。

谁能帮我理解和解决这个问题？

【问题讨论】：

几个问题： 1. 您显示的代码既不显示“添加新记录”也不显示可排序。 2. 我无法重现您所说的“在现有行之间的某处”。你能否展示一个实际的代码，包括 dataSource 模型定义，或者在 JSFiddle（或这里）中更好地重现你所说的代码？检查我在这里准备的代码：dojo.telerik.com/@OnaBai/EXer
感谢 OnaBai 的回复。即使在您的示例中，我也可以看到此问题。对 Kendo Grid 列进行排序并添加新记录.. 新记录行将显示在不同的行位置..
你如何重现它？我只能看到在顶部或底部插入它。
好的..我的意思是在底部插入也是一个问题..但在我的情况下，我将列类型定义为数字并且输入数据具有字符串值..在这个issueLink..对价格列进行排序并尝试添加新记录..您将在现有行之间看到记录..对于我的问题..您能帮我配置剑道网格，以便新记录行始终位于顶部，而不是在任何情况下都在底部？
@KalyanChakravarthyS 根据您在评论上方发布的链接，在价格列中，一些值是 int 和一些类似字符串，这就是它产生问题的原因。试试这样：dojo.telerik.com/orEq 如果有任何问题请告诉我。

标签： sorting kendo-ui kendo-grid

【解决方案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();

});

【讨论】：