Kendo Grid 防止在 Grid 处于编辑模式时进行编辑

Question

我正在使用这种方法来防止在网格处于编辑模式时进行编辑。 但是我还是发现了一些bug。 例如，首先我单击Add New Record然后会出现一个新行。 然后我点击网格的标题（参考下图）。 创建了一行，我还没有完成编辑。 如果我再次单击“ Add New Record ，则行将重复。 任何解决方案如何解决这个问题？

道场样本

Answer 1

看起来这是内联编辑模式中的一个已知限制，但Telerik 提供了一种解决方法 here 。

解决方法几乎与您添加的代码相同，以防止在编辑时进行编辑，不同之处在于使用的选择器是在标题行上跟踪鼠标按下以进行排序。

以下是在添加/编辑完成时防止排序的变通方法代码：

$(".k-grid").on("mousedown", ".k-grid-header th", function (e) {
    // prevent sorting/filtering for the current Grid only
        var grid = $(this).closest(".k-grid");
        var editRow = grid.find(".k-grid-edit-row");

        // prevent sorting/filtering while any Grid is being edited
        //var editRow = $(".k-grid-edit-row");

        if (editRow.length > 0) {
            alert("Please complete the editing operation before sorting or filtering");
            e.preventDefault();
        }
});

我也用修复更新了你的道场。