jquery - 使用 Return/Enter 键将编辑的单元格保存在 Primefaces 3.4 单元格内可编辑数据表中

Question

正如标题所说，我不想在切换到编辑模式后单击“保存”按钮，而是希望在按 Enter/Return 键时具有相同的功能。

我尝试使用 p:hotkey 执行此操作，但显然 p:hotkey 不适用于集中的可编辑组件。

除了深入研究 JQuery 之外，还有其他方法可以做到这一点吗？

Answer 1

Is there any other way to do this than delving into JQuery?

是的，使用普通的 JS。但这最终可能会导致不跨浏览器兼容的样板代码。不是开玩笑，这不可能通过 JSF 实现，因为魔法确实需要在客户端发生。作为<p:cellEditor>不支持请求的功能(这样它就可以自己生成必要的 jQuery 代码)，您需要自己编写它。

去过那里，做过那件事:

$(document).on("keydown", ".ui-cell-editor-input input", function(event) {
    if (event.keyCode == 13) {
        $(this).closest("tr").find(".ui-row-editor .ui-icon-check").click();
    }
});

只需将其放入某个全局 JS 文件中即可。这涵盖了单元格编辑器内的所有输入字段。