当前位置: 代码迷 >> JavaScript >> Primefaces(JSF2)局部更新跟局部提交
  详细解决方案

Primefaces(JSF2)局部更新跟局部提交

热度:950   发布时间:2013-12-15 22:17:19.0
Primefaces(JSF2)局部更新和局部提交

Primefaces(JSF2)局部更新和局部提交

?

通过partialSubmit来指定局部提交的元素进行提交,完成后通过update来指定要进行更新的元素.此方法对于大表单进行局部AJAX时很有帮助.可以大大减少不必要的网络IO .?

<h:form id="testForm">
    <h:panelGrid columns="5" cellpadding="5">
        <h:outputLabel for="firstnameTxt" value="Name:" style="font-weight:bold"/>
        <p:inputText id="firstnameTxt" value="#{reportVM.firstname}" />
        <p:inputText id="lastnameTxt" value="#{reportVM.lastname}" />
        <br/>
        <h:outputLabel for="introductionTxt" value="Introduction:" style="font-weight:bold"/>
        <p:inputText id="introductionTxt" value="#{reportVM.introductionTxt}" />

        <p:commandButton value="Submit" update="firstname,lastname" partialSubmit="true" process="firstnameTxt,lastnameTxt"/>

        <h:outputText value="#{reportVM.firstname}" id="firstname" />
        <h:outputText value="#{reportVM.lastname}" id="lastname" />
    </h:panelGrid>

</h:form>

?