JSF ui:重复渲染

时间:2012-08-23 12:02:01

标签: jsf jsf-2 richfaces spring-webflow uirepeat

我想使用ui:repeat或任何其他迭代标记来显示一次组件 对于数组列表中的每个项目。

<!-- print multiple mandates -->
        <ui:repeat id="mandates" var="mandate" value="#{taxheadDirectDebit.mandates}">




        <a4j:region id="remittanceDetailsSection"
            rendered="#{(taxheadDirectDebit.accountFinancialInfo.registration.type != 'PREM') or (taxheadDirectDebit.accountFinancialInfo.registration.type != 'VAT')}">


            <!-- Remittance Details -->
            <fieldset><legend class="sub"> <h:outputText
                value="#{msg['remittanceDetails.title']}" /> </legend> 

            <!-- Estimated Liability -->
            <div class="field">
            <div class="label"><label for="allocatedAmount"><h:outputText
                for="estimatedLiability"
                value="#{msg['remittanceDetails.estimatedLiability']}" /> </label><span
                class="requiredFlag">*</span></div>
            <div class="error">
                <rich:message styleClass="errorText" for="estimatedLiability" />
            </div>
            <div class="input">
                <h:inputText id="estimatedLiability" size="30"
                maxlength="11" label="#{msg['registerContractPage1.subTaxNumber']}"
                value="#{taxheadDirectDebit.estimatedLiability}">
                <a4j:ajax event="change" render="remittanceFrequency" />
                </h:inputText>
            </div>

            <br class="clear" />

            </div>

            <!-- Is Seasonal -->
            <div class="field">
            <div class="label"><label for="isSeasonal"> <h:outputText
                for="isSeasonal"
                value="#{msg['remittanceDetails.isTheNatureSeasonal']}" /> </label><span
                class="requiredFlag">*</span></div>
            <div class="error"><rich:message styleClass="errorText"
                for="isSeasonal" /></div>
            <div class="input"><h:selectOneRadio id="isSeasonal"
                label="#{msg['remittanceDetails.isTheNatureSeasonal']}"
                value="#{taxheadDirectDebit.isSeasonal}"
                styleClass="radioLabelTop">
                <ddo:twoOptionSelection />
            <a4j:ajax event="click" render="remittanceFrequency" />
            </h:selectOneRadio></div>

            <br class="clear" />

            </div>

            </fieldset>

        </a4j:region> 

        <!-- Remittance Frequency -->
        <a4j:outputPanel id="remittanceFrequency">

        <div class="field">
            <div class="label"><label for="allocatedAmount"><h:outputText
                for="estimatedLiability"
                value="#{msg['remittanceDetails.estimatedLiability']}" /> </label><span
                class="requiredFlag">*</span></div>
            <div class="error">
                <rich:message styleClass="errorText" for="estimatedLiability" />
            </div>
            <div class="input">
                <h:inputText id="estimatedLiability" size="30"
                maxlength="11" label="#{msg['registerContractPage1.subTaxNumber']}"
                value="#{taxheadDirectDebit.estimatedLiability}">
                <a4j:ajax event="change" render=":remittanceDetails:mandates:remittanceFrequency" />
                </h:inputText>
            </div>

            <br class="clear" />

            </div>

            <fieldset><legend class="sub"> <h:outputText
                value="#{msg['remittanceDetails.frequency']}" /> </legend> 

            <!-- Amount to be Debited -->
            <div class="field">
            <div class="label"><label for="amountEachMonth"><h:outputText
                for="amountEachMonth"
                value="#{msg['remittanceDetails.amountToBeDebited']}" /> </label></div>
            <div class="error"><rich:message styleClass="errorText"
                for="amountEachMonth" /></div>
            <div class="input"><h:inputText id="amountEachMonth" size="30" readOnly="true" 
                maxlength="8" label="#{msg['remittanceDetails.amountToBeDebited']}"
                value="#{mandate.remittanceDetails.amountEachMonth}">
                <a4j:ajax event="change" render="remittanceFrequencyNoDebitedEachMonth"/>
            </h:inputText></div>
            <br class="clear" />
            </div>

            <a4j:outputPanel id="remittanceFrequencyNoDebitedEachMonth">
            <!-- Months -->
            <div class="field">
                <div class="grid1"><h:outputText
                    value="&#160;" />&#160;
                </div>
                <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal == 1}">
                    <div class="grid2"><div align="center">
                        <h:outputText value="#{msg['reviewDetails.reduce']}"/><div align="center"></div>
                    </div></div>
                </rich:panel>
                <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.action == 'AMEND'}">
                    <div class="grid3">
                        <div align="center">
                            <h:outputText value="#{msg['reviewDetails.suspend']}"/><div align="center"></div>
                        </div>
                    </div>
                </rich:panel>
                <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal == 1}">
                    <div class="grid2">
                        <div align="center">
                            <h:outputText value="#{msg['reviewDetails.exclude']}"/><div align="center"></div>
                        </div>
                    </div>
                </rich:panel>
            <br class="clear" />

            <div class="floatleft">

                    <div class="row3">
                        <div class="row1">

                        <!-- January -->
                            <!-- Months Column -->
                            <div class="grid1">
                                <label>
                                    <h:outputText readOnly="true" disabled="true" size="4" value="#{msg['calendar.month.0']}" />
                                </label>
                            </div>
                            <!-- Reduce check box --> 
                            <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal == 1}">
                                <div class="grid2">
                                    <div align="center">
                                        <h:selectBooleanCheckbox 
                                            id="reduce12" 
                                            value="#{mandate.remittanceDetails.remittanceFrequencys[0].reduce}" 
                                            disabled="#{mandate.remittanceDetails.remittanceFrequencys[0].exclude}">
                                            <a4j:ajax event="click" render="remittanceFrequency" />
                                        </h:selectBooleanCheckbox>
                                    </div>
                                </div>
                            </rich:panel>
                            <!-- Suspend check box --> 
                            <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal != 1}">
                                <div class="grid2hidden">
                                    <h:outputText value="&#160;" />
                                </div>
                            </rich:panel>
                            <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.action == 'AMEND'}">
                                <div class="grid3">
                                    <div align="center">
                                    <h:selectBooleanCheckbox 
                                        id="suspend0" 
                                        value="#{mandate.remittanceDetails.remittanceFrequencys[0].suspend}">
                                        <a4j:ajax event="change" />
                                    </h:selectBooleanCheckbox>
                                    </div>
                                </div>
                            </rich:panel>
                            <!-- Exclude check box --> 
                            <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal == 1}">
                                <div class="grid2">
                                    <div align="center">
                                    <h:selectBooleanCheckbox 
                                        id="exclude0" 
                                        value="#{mandate.remittanceDetails.remittanceFrequencys[0].exclude}" 
                                        disabled="#{mandate.remittanceDetails.remittanceFrequencys[0].reduce}">
                                        <a4j:ajax event="change" render="remittanceFrequency" />
                                    </h:selectBooleanCheckbox>
                                    </div>
                                </div>
                            </rich:panel>
                            <rich:panel styleClass="ddo-panel" rendered="#{taxheadDirectDebit.isSeasonal != 1}">
                                <div class="grid2hidden">
                                    <h:outputText value="&#160;" />
                                </div>
                            </rich:panel>
                            <div class="errorRemittance">
                                <rich:message styleClass="errorText" for="remittanceAmount0"/>
                            </div>
                            <!-- Monthly Amount field --> 
                            <div class="grid5">
                                <h:inputText 
                                    id="remittanceAmount0" size="30" maxlength="8" readOnly="true"
                                    value="#{mandate.remittanceDetails.remittanceFrequencys[0].amount}" 
                                    disabled="#{!mandate.remittanceDetails.remittanceFrequencys[0].reduce}" 
                                    label="#{msg['remittanceDetails.amountToBeDebited']}">
                                    <a4j:ajax event="change" render="remittanceFrequency" />
                                </h:inputText>
                            </div>
                        </div>
                    </div>

                <div class="errorText" font="bold">
                    <rich:message styleClass="errorTextNoPadding" for="continue"/>
                </div>
                </div>

                </div>
                </a4j:outputPanel>
                </fieldset>
            </a4j:outputPanel>

            <rich:message>
                <rich:message for="remittanceFrequency" ajaxRendered="true" />
            </rich:message>

        </ui:repeat>

我已经在这里取出了很多代码,所以可能会有未定义的div等,但这个想法就在那里。

我有两个问题:

  • 您可以看到某些组件具有基于id呈现其他组件的更改事件。这些在重复
  • 中不起作用
  • 我正在使用webflow并向消息上下文添加消息,以便消息标记可以显示验证消息,但这些消息在迭代中也不起作用。

我试过tr:iterator,c:forEach,a4j:repeat,tr:forEach。我很确定我正在尝试做的事情是不可能的,因为如果有人有尝试实现类似的经验我会很感激一些帮助。我无法改变我正在使用的MVC frameowork,但也许可以使用jQuery。

1 个答案:

答案 0 :(得分:0)

我通过在重复之外移动ajax区域并在整个区域上调用render来解决这个问题。我不知道,但我找到的最快的解决方案。

在消息方面,我只需将正在迭代的列表中的项目索引添加到消息中。

"remittanceDetails:mandates:"+taxhead.getMandates().indexOF(mandate)+":remittanceAmount" + frequency.getMonth().getCode()

JSF照顾其他人。