PrimeFaces DataTable - 행 선택 문의

Question

PrimeFaces DataTable 행 선택에서이 코드는 어떻게 작동합니까?

<p:commandButton update=":form:display" oncomplete="confirmation.show()" image="ui-icon ui-icon-close" title="Delete"> 
       <f:setPropertyActionListener value="#{car}" target="#{tableBean.selectedCar}" /> 
    </p:commandButton> 

나는 다음에 의해 혼란 스러워요 : 갱신 = "상태 : 디스플레이", 및 이미지 = "UI-아이콘의 UI 아이콘 닫기".

이 내용은 기본형에 포함되어 있습니까? 또는 추가 양식을 만들거나 외부 이미지를 매핑해야합니까?

Answer 1

업데이트 = ": form : display"는 페이지의 특정 요소를 나타냅니다. 첫 번째 ':'는 페이지의 루트로 이동하므로 id가 "form"(아마 폼)이고 id가 "display"인 구성 요소가 있어야합니다. 이것은 버튼 동작이 완료된 후 : 폼 : 디스플레이가 업데이트된다는 것을 의미합니다. 절대 경로를 사용하는 것은 일반적으로 좋은 생각이 아닙니다. 페이지 구조를 변경할 때 최신 정보를 유지하기가 어려울 수 있기 때문입니다. 버튼이 "display"구성 요소와 같은 레벨에 있으면 update = "display"를 수행하거나 update = "@ form"과 같은 작업을 수행하여 현재 양식 전체를 업데이트 할 수 있습니다.

image = "ui-icon ui-icon-close"는 CSS의 스타일 클래스를 나타냅니다. 이 두 가지는 미리 정의 된 형태로 제공되지만 사용자 정의 그래픽을 사용하려는 경우 자체 스타일 클래스를 정의 할 수도 있습니다.