JSF 动态绑定命令按钮

Question

我有一个动态构建选项卡的 JSF 页面。在每个选项卡中都有一些输入字段和一个命令按钮。构建选项卡时会动态构建字段和按钮。当我为命令按钮添加绑定属性时，一个选项卡中只生成一个按钮。每个选项卡中都应该有一个命令按钮。当我删除绑定属性时，所有按钮都在那里，但没有发生必需的验证。如何为循环中创建的每个命令按钮添加唯一的绑定值。

以下所有代码都在一个循环中，该循环在选项卡视图中生成选项卡。

    <ui:repeat value="#{cc.attrs.dataTableTemplate.columns}" var="column">
        <p:outputLabel styleClass="outputLabel" value="#{column.heading}" 
            for="inputtext" rendered="#{column.editable}"/>
        <p:inputText value="#{cc.attrs.dataTableTemplate.collectorValue[column.name]}" 
            rendered="#{column.editable}"
            id="inputtext" required="#{not empty param[add.clientId]}"/>
        <div class="clear">&#160;</div>
    </ui:repeat>
    <p:commandButton styleClass="commandButton"
         binding="#{add}"
         value="add"
         update="pnl_codetable @parent"
         title="Add">
        <p:collector value="#{cc.attrs.dataTableTemplate.collectorValue}" 
           addTo="#{cc.attrs.pageBean.getDataTableList(
           cc.attrs.dataTableTemplate.tableListName)}" />
    </p:commandButton>

这是创建选项卡并使用 maintence_code 标签调用上述代码的代码。

    <p:accordionPanel id="pnl_accord_codetables" dynamic="true" cache="false">
         <p:ajax event="tabChange" listener="#{pc_Maintenence.onTabChange}"/>
         <c:forEach items="#{pc_Maintenence.codeMaintenenceTables}" var="codetable">    
             <p:tab title="#{codetable.tableName}">
                 <util:maintenence_code pageBean="#{pc_Maintenence}" dataTableTemplate="#{codetable}"/>
            </p:tab>
        </c:forEach>
   </p:accordionPanel>

Answer 1

binding 属性基本上是视图范围的。您不能将同一视图中的多个组件物理绑定到一个相同的视图范围变量。它只能引用一个组件。在您的情况下，基本上每个组件在设置该属性期间都会相互覆盖，因此您最终只能看到一个，即最后一个。

您不清楚如何创建选项卡，但您应该以某种方式将选项卡标识符包含在绑定属性中使用的变量中。也许是这样的？

faces-config.xml:

<managed-bean>
    <managed-bean-name>components</managed-bean-name>
    <managed-bean-class>java.util.HashMap</managed-bean-class>
    <managed-bean-scope>request</managed-bean-scope>
</managed-bean>

查看：

<c:set var="buttonId" value="add_#{someTabId}" />
...
<p:inputText ... required="#{not empty param[components[buttonId].clientId]}" />
...
<p:commandButton binding="#{components[buttonId]}" ... />

---

更新，等待它是一个组合，另一种方法是将它绑定到组合本身

<cc:interface componentType="myComposite">
...
<p:inputText ... required="#{not empty param[cc.add.clientId]}" />
...
<p:commandButton binding="#{cc.add}" ... />

与

@FacesComponent("myComposite")
public class MyComposite extends UINamingContainer {

    private UICommand add; 

    // +getter +setter
}