Question

我正在使用启用了可排序的Kendo UI Grid，当其中一个字段按降序排序时，Add new record按钮不起作用（Editable：“popup”）弹出窗口无法打开。

这是一个示例http://jsbin.com/IsobegI/2/edit?html,js,output

要重现打开该示例，然后单击任何字段的标题以降序排序，然后单击添加新记录按钮它将无法工作，然后按升序排序并再次单击该按钮它将起作用。

感谢您的帮助

Answer 1

这已成为一个问题，Telerik的人说这是预期的行为。有一些解决方法，包括当你点击新的时导航到最后一页（因为它应该在你的样本中工作，如果你导航到最后一页，然后点击弹出应该显示的添加新记录）。

以下是我从这个问题（Kendo grid Insert new record on the last page, last row position）中找到的使用内联的示例，但弹出式编辑存在相同的主体。

http://jsfiddle.net/OnaBai/sAVGk/这个小提琴改变了以上链接使用弹出编辑。它会创建一个用于添加新项目的自定义工具栏项

toolbar   : [
    {
        name: "my-create",
        text: "Add new record"
    }
],

并且在执行插入后绑定click事件以导航到最后一页

$(".k-grid-my-create", grid.element).on("click", function (e) {
var dataSource = grid.dataSource;
var total = dataSource.data().length;
dataSource.insert(total, {});
dataSource.page(dataSource.totalPages());
grid.editRow(grid.tbody.children().last());

}）;

Kendo Grid在排序Descending时添加新行不起作用

1 个答案: