将p:AjaxStatus用于不同的Component

时间:2013-03-27 13:21:52

标签: jsf primefaces

我有两个<p:inputText/>我希望与<p:ajaxStatus/>竞争对手一起使用。当我运行我的页面<p:ajaxStatus/>运行两个输入文本。我想为每个输入文本显示单独的<p:ajaxStatus/>。你能看到我的代码并解决这个问题吗?

 <tr>
                <td colspan="2">
                    <p:outputPanel>
                        <p:inputText id="companynameInputText" value="#{AccountInfo.companyName}"  requiredMessage="#{signup_msg.requiredorganization}" required="true" style="width: 100%">
                            <f:validator validatorId="organizationNameUniqueValidator" />
                            <p:ajax  update="companyNameMessage"/>
                        </p:inputText>
                        <p:watermark for="companynameInputText" value="#{signup_msg.companyname}" />
                    </p:outputPanel>
                </td>
                <td>  
                    <p:ajaxStatus >              
                        <f:facet  name="start">
                            <p:graphicImage   value="resources/img/loading.gif"/>
                        </f:facet>
                        <f:facet name="complete">
                            <h:outputText value="" />
                        </f:facet>
                    </p:ajaxStatus>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <p:inputText value="#{AccountInfo.position}" id="positionInputText" requiredMessage="#{signup_msg.requiredposition}" required="true" style="width: 100%"/>
                    <p:watermark for="positionInputText" value="#{signup_msg.position}" />
                </td>
                <td/>
            </tr>
            <tr>
                <td colspan="2">
                    <p:outputPanel>
                        <p:inputText  id="userNameInputText" value="#{AccountInfo.bizBizNetId}"  requiredMessage="#{signup_msg.reqiredpassword}" required="true" style="width: 100%">
                            <f:validator validatorId="UserNameValidator"/>
                            <p:ajax  update="userNameMessage"/>

                        </p:inputText>
                        <p:watermark for="userNameInputText" value="#{signup_msg.mobileemail}" />
                    </p:outputPanel>
                </td>
                <td>
                    <p:ajaxStatus>              
                        <f:facet name="start">
                            <p:graphicImage value="resources/img/loading.gif"/>
                        </f:facet>
                        <f:facet name="complete">
                            <h:outputText value="" />
                        </f:facet>
                    </p:ajaxStatus>
                </td>
            </tr>            
            <tr>

1 个答案:

答案 0 :(得分:2)

在primefaces网站上关于<p:ajaxStatus/>

  

Ajax Status是一个全局指标,用于告知用户有关ajax交互的信息。

重要的部分是全局,这意味着每页只有一个<p:ajaxStatus/>可用,并且会处理在该页面上执行任何ajax处理的所有组件。

如果您希望每个组件使用单独的ajax状态指示器,请使用BlockUI