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>