Primefaces 如何使可编辑单元格可单击以打开弹出窗口
我有一个可编辑的表格:Primefaces 如何使可编辑单元格可单击以打开弹出窗口,primefaces,datatable,Primefaces,Datatable,我有一个可编辑的表格: <p:dataTable id="myTable" ... editable="true"></p:dataTable> 表中只有一行,我希望这一行的一个单元格可以单击以打开弹出窗口。 我尝试了给出的解决方案 这个解决方案有一个问题:由于h:panelGrid,我有一个框住单元格数据的矩形,这是不可接受的 所以我尝试用p:link作为另一种解决方案 <p:column id="myColumn" headerText="name"
<p:dataTable id="myTable" ... editable="true"></p:dataTable>
表中只有一行,我希望这一行的一个单元格可以单击以打开弹出窗口。
我尝试了给出的解决方案
这个解决方案有一个问题:由于h:panelGrid,我有一个框住单元格数据的矩形,这是不可接受的
所以我尝试用p:link作为另一种解决方案
<p:column id="myColumn" headerText="name" styleClass="align-center">
<p:cellEditor>
<f:facet name="output">
<p:link update="@widgetVar(infosNameFormDialog)" onClick="event.preventDefault(); PF('infosNameFormDialog').show(); event.stopImmediatePropagation();">
<h:outputText value="#{element.name}" />
</p:link>
</f:facet>
<f:facet name="input">
<p:inputText value="#{element.name}" />
</f:facet>
</p:cellEditor>
</p:column>
现在,我可以用我想要的任何值编辑单元格,并获得一个允许打开弹出窗口的链接。
但是当单元格中没有数据时,就不能有任何链接。。。
我没有任何办法来解决这个问题
我使用Primefaces 5.1为什么不用css删除单元格周围的“矩形”呢?也许这是个好主意。但我不是一个CSS专家,然后试着去寻找如何…成为一个出口。它在生成的html中只是一个表或一些div。你现在要求的“解决方案”要复杂得多。为什么不用css删除单元格周围的“矩形”呢?也许这是个好主意。但我不是一个CSS专家,然后试着去寻找如何…成为一个出口。它在生成的html中只是一个表或一些div。您现在请求的“解决方案”要复杂得多
<p:column id="myColumn" headerText="name" styleClass="align-center">
<p:cellEditor>
<f:facet name="output">
<p:link update="@widgetVar(infosNameFormDialog)" onClick="event.preventDefault(); PF('infosNameFormDialog').show(); event.stopImmediatePropagation();">
<h:outputText value="#{element.name}" />
</p:link>
</f:facet>
<f:facet name="input">
<p:inputText value="#{element.name}" />
</f:facet>
</p:cellEditor>
</p:column>