2011年11月20日星期日

JavaEE_016:JavaEE6 新特性之五:JSF 2.0(3)

4. AJAX
使用AJAX,可以让Web应用
(1)以异步的方式从服务器获取数据。
(2)局部刷新页面中的某个组件而不影响其它组件。

在JSF中使用AJAX需要引入jsf.js库,当你使用Ajax标签组件时,JSF会自动包括它,然后就可以调用JavaScript API中的函数了。
<f:ajax> 标记指定了以下内容:
(1)event属性:触发 Ajax 调用的事件
(2)execute属性:在服务器上执行的组件
(3)render: 指定在客户机上要局部刷新的组件

举例说明:
<h:selectOneMenu id="menu"
value="#{cc.parent.attrs.location.zoomIndex}"
style="font-size:13px;font-family:Palatino">

<f:ajax event="change" execute="@this" render="map"/>
<f:selectItems value="#{places.zoomLevelItems}"/>

</h:selectOneMenu>

<m:map id="map"...>
可以看出,当改变下拉列表的值时,异步发送请求到服务器端执行相应逻辑,请求返回后,刷新id=map的组件。

没有评论: