【问题标题】:Jquery kendo grid prevent clicking only non edit rows when in edit modeJquery kendo 网格在编辑模式下防止仅单击非编辑行
【发布时间】:2020-06-08 17:53:57
【问题描述】:

我目前正在使用剑道网格。我一直在尝试做的是,当我单击添加新行按钮时,会显示空行(k-grid-edit-row)。我想在编辑操作期间单击其他行时发出警告消息并说首先完成编辑操作。但关键是,我不想在点击当前行内编辑的时候显示警告信息。

我现在所做的是,当我单击当前的内联编辑行时,我也会收到一条警报消息。

    $('.k-grid-content').on("mousedown", function (e) {
        var grid = $('#Grid').closest(".k-grid");
        var editRow = grid.find(".k-grid-edit-row");
        if (editRow.length > 0) {
            alert("Please complete the editing operation before editing another row");
            e.preventDefault();
        }
        else return;
    });

【问题讨论】:

  • 您可以做的是定义哪些行可编辑且不可为空,然后向行添加验证。这意味着用户将无法添加行,直到需要的所有内容都填充了数据。验证也会提醒用户。所有这些都可以在剑道网格内完成。不需要任何 Jquery。

标签: javascript jquery asp.net-mvc kendo-ui kendo-grid


【解决方案1】:

您可以尝试检查已单击行的索引。当您添加一行时,该行将移至顶部并且索引为 0。

在你的 if 语句中,还要检查索引是否不等于 0。

它看起来像if grid.data("kendoGrid").select().index() != 0

我没有对此进行测试,但我相信它应该可以工作。

【讨论】:

  • 感谢您的评论。我实际上以不同的方式思考。在编辑操作期间,如果我单击其他行,则会显示剑道工具验证。所以我在它的显示触发取消/添加按钮时使用它来防止单击其他行。不过谢谢你的建议!
猜你喜欢
  • 1970-01-01
  • 2012-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-09-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多