p:dataTable - 通过menuButton切换rowEdit

时间:2014-09-09 21:55:26

标签: jquery jsf primefaces datatable

我有p:dataTable,其中最后一列包含p:menuButton,为相应的行提供一些选项,例如“删除”和“编辑”(还有更多,这就是为什么我想在一个列中组合这些选项。)

如何使用menuItem('edit')切换表格的行编辑器,这样行为就像我点击p:rowEditor - 图标一样(我不会在全部)。

代码段:

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

1 个答案:

答案 0 :(得分:0)

您可以直接为小部件调用PrimeFaces javascript,但是有一个更简单的解决方案。只需将您的额外功能附加到包含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>