PrimeFaces:数据表行扩展中的行编辑数据表

时间:2015-12-29 08:27:18

标签: jsf primefaces

我正在使用p:dataTable在行扩展中包含另一个p:dataTable

我的问题是我无法编辑内部表格,因为它位于p:rowExpansion

在没有p:rowExpansion的情况下正常工作,将停止编辑图标无法点击的位置。

    <h:form>
    <p:dataTable var="car" value="#{dtBasicView.cars}">
        <f:facet name="header">
            Expand rows to see detailed information
        </f:facet>
        <p:column style="width:16px">
            <p:rowToggler />
        </p:column>
        <p:column headerText="Id">
            <h:outputText value="#{car.id}" />
        </p:column>
        <p:column headerText="Year">
            <h:outputText value="#{car.year}" />
        </p:column>

        <p:rowExpansion>
          <p:dataTable  var="list" value="#{car.list}" editable="true" style="margin-bottom:20px">
       <f:facet name="header">
           Row Editing
       </f:facet>


       <p:column headerText="Id">
           <p:cellEditor>
               <f:facet name="output"><h:outputText value="#{list.id}" /></f:facet>
               <f:facet name="input"><p:inputText id="modelInput" value="#{list.id}" style="width:100%"/></f:facet>
           </p:cellEditor>
       </p:column>

       <p:column style="width:32px">
           <p:rowEditor />
       </p:column>
   </p:dataTable>
        </p:rowExpansion>
    </p:dataTable>
</h:form>

0 个答案:

没有答案