JSF（MyFaces2.x）调整Ajax（RichFaces3.3.x）

JSF（MyFaces2.x）整合Ajax（RichFaces3.3.x）

1.依赖的jar包

richfaces-api-3.3.3.Final.jar

richfaces-impl-jsf2-3.3.3.Final.jar

richfaces-ui-3.3.3.Final.jar

?

2.web.xml 配置

??? <context-param>

?????? <param-name>org.ajax4jsf.VIEW_HANDLERS</param-name>

?????? <param-value>org.apache.myfaces.application.jsp.JspViewHandlerImpl</param-value>

??? </context-param>

??? <filter>

?????? <filter-name>richfaces</filter-name>

?????? <filter-class>org.ajax4jsf.Filter</filter-class>

??? </filter>

??? <filter-mapping>

?????? <filter-name>richfaces</filter-name>

?????? <servlet-name>myfaces</servlet-name>

??? </filter-mapping>

<!-- 其中<servlet-name>myfaces</servlet-name>为 FacesServlet的servlet-name -->

3.faces-config.xml 配置

?

<application>

?????? <view-handler>org.ajax4jsf.application.AjaxViewHandler</view-handler>

??? </application>

4.viewDemo.jsp

?

<h:form prependId="false">

??? <a4j:commandButton value="Get Info" action="#{viewCustInfo.initLink}" styleClass="btn1" reRender="customerInfos" limitToList="true"/>

??? <t:div id="customerInfos">

?????? <table id="colortb2" class="tb1" width="100%" border="0" cellspacing="0" cellpadding="0">

?????????? <tr>

????????????? <th width="5%">No.</th>

????????????? <th width="9%">Code</th>

????????????? <th width="10%">Name</th>

????????????? <th width="11%">Acount</th>

?????????? </tr>

?????????? <t:dataList var="info" value="#{viewCustInfo.custInfos}" rowIndexVar="index">

????????????? <tr>

????????????????? <td>

???????????????????? <t:outputText value="#{index+1}"/>&nbsp;

????????????????? </td>

????????????????? <td>

???????????????????? <t:outputText value="#{info.customerCode}"/>&nbsp;

????????????????? </td>

????????????????? <td>

???????????????????? <t:outputText value="#{info.customerName}"/>&nbsp;

????????????????? </td>

????????????????? <td>

???????????????????? <t:commandLink onclick="javascript: viewCustomerUser('#{info.id}'); return false;" value="Setting" styleClass="blink"/>&nbsp;

????????????????? </td>

????????????? </tr>

?????????? </t:dataList>

?????? </table>

??? </t:div>

</h:form>

?

?