javascript - jQgrid : Disable inline Save and Esc Handler while editing grid Row?

Question

我正在开发一个 asp.net MVC 4 项目，它使用 jQgrid 生成表数据。在我生成的网格中，我为行中的特定列提供内联编辑选项。

我的问题就像在编辑特定行时，如果按 Enter 或 Esc 键，我所选的行将退出编辑模式。

我想禁用这些事件 Enter 和 Esc 。

我用谷歌搜索了这个问题，得到了一些有趣的帖子 How to disable Save Handler on Jqgrid while doing editing

在上面的引用文章中，我可以看到一些行已从 Jqgrid.src.js 文件中注释掉，我认为这不是最佳解决方案。

有没有其他方法可以让我在进行内联编辑时禁用 Jqgrid 中的 Enter 和 Esc 事件。

Javascript代码

jQuery("#Grid").jqGrid({
        url: baseUrl + '/api/Controller/method',
        datatype: "json",
        mtype: "POST",
        colNames: ['Col1', 'Col2', 'Col3', 'Col4', 'Col5'],
        colModel: [
        { name: 'col1', index: 'col1', align: 'center', editable: true, key:true },
        { name: 'col2', index: 'col2', align: 'center' },
        { name: 'col3', index: 'col3', align: 'center', editable: true, key:true },
        { name: 'col4', index: 'col4', align: 'center' },
        { name: 'col5', index: 'col5', align: 'center', editable: true, key:true }
        ],
        jsonReader: {
            root: 'data',
            id: 'col2',
            repeatitems: false
        },
        pager: $('#Pager'),
        rowNum: 10,
        rowList: [10, 25, 50, 100],
        autowidth: true,
        shrinkToFit: false,
        viewrecords: true,
        loadonce: true,
        autoencode: true,
        multiselect: true,
        height: '100%',
        width: '100%',
        caption: "Record"

        });

网格结构示例

注意:显示的网格图像不是使用上述代码生成的实际网格。

在上面的网格中，有一些列是可编辑的。我的情况是我想将数据放入每行的所有可编辑列中，这样我就可以通过单击放置在下面的按钮将网格数据更新到服务器grid(上图中未显示按钮)。这里我没有使用 grid 的 editUrl 属性。

目前，如果我编辑第一行，并且意外地按 Enter 或 Esc 键，则所选行将变为不可编辑。我希望将一行中的所有可编辑单元格保持为可编辑，直到我按下网格下方的“提交”按钮。

我的jQgrid版本是4.5.4

感谢任何帮助。

Answer 1

很难回答这个问题，因为它既不包含 JavaScript 代码，也不包含您使用的 jqGrid 版本的确切引用。您没有描述在网格中以哪种形式使用内联编辑。

内联编辑期间 Esc 和 Enter 的使用可以通过 keys: true 选项进行管理。 keys 选项使用的确切语法取决于您如何使用内联编辑。例如您可以调用editRow直接或者使用其他一些方法哩inlineNav或formatter: "actions"它会为您调用 editRow 。 keys 选项的默认值已经是 false，因此您将代码中某处的值更改为 true。