7

タイトルが示すように、編集モードに切り替えた後に「保存」ボタンをクリックする代わりに、Enter/Return キーを押したときに同じ機能を使用したいと考えています。

p:hotkey を使用してこれを実行しようとしましたが、明らかに p:hotkey はフォーカスされた編集可能なコンポーネントでは機能しません。

JQueryを掘り下げる以外にこれを行う方法はありますか?

4

2 に答える 2

8

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ファイルに入れるだけです。これにより、セル エディター内のすべての入力フィールドがカバーされます。

于 2013-09-04T12:24:17.610 に答える