p : dataTable - menuButton을 통해 rowEdit을 토글합니다.

Question

저는 p:dataTable입니다. 마지막 열에는 p:menuButton이 포함되어 있으며 'delete'와 'edit'와 같은 해당 행에 대한 옵션을 제공합니다. 이 옵션들을 단일 열에 결합하고 싶습니다.)

menuItem ('edit')을 사용하여 테이블의 행 편집기를 전환하면 어떻게 동작합니까? (전혀 렌더링하지 않는) p:rowEditor -icon을 클릭했을 때와 동일합니다.

코드는 :

<p:datatable ... > 
    ... 
    <p:column> 
    <p:menuButton> 
     ... 
     <p:menuItem value="Edit" onclick="[what to put here?]"/> 
    </p:menuButton> 
    </p:column> 
</p:datatable> 

Answer 1

사용자가 직접 위젯의 PrimeFaces의 자바 스크립트를 호출 할 수도 있지만 훨씬 쉽게 솔루션이있다. 추가 기능을 p : rowEditor 태그가 포함 된 열에 추가하기 만하면됩니다.

는 예를 들어, 다음 행 편집 아이콘 후 삭제 링크 명령을 추가하는 방법은 다음과 같습니다 각 추가 기능에 대한

<p:dataTable var="record" ... > 
... 
<p:column> 
    <p:rowEditor /> 
    <p:cellEditor> 
    <f:facet name="output"> 
    <p:commandLink id="deleteLink" action="#{editBean.delete(record)}">Delete</p:commandLink> 
    </f:facet> 
    <f:facet name="input"> 
    <div></div> 
    </f:facet> 
    </p:cellEditor> 
</p:column> 
</p:dataTable>