반환/Enter 키를 사용하여 편집 된 셀을 Primeface 3.4에 저장합니다. 셀 내 편집 가능한 데이터 테이블

Question

편집 모드로 전환 한 후 "저장"버튼을 클릭하는 대신 제목에 다음과 같은 기능을 사용하고 싶습니다. Enter/Return 키를 누릅니다.

나는 이것을 p : 단축키로 시도했지만 초점이 맞는 편집 가능한 구성 요소에서는 p : 단축키가 작동하지 않게되었습니다.

JQuery를 탐색하는 것보다 다른 방법이 있습니까?

Answer 1

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 파일에 넣어. 이것은 셀 편집기의 모든 입력 필드를 포함합니다.