JSF 2.0 Ajax 世界中的 GMaps4JSF

清单 3. JSF 2.0 <f:ajax> 标签用法示例

<h:panelGrid　columns="2">　
　　<h:outputText　value="Enter　your　name:"/>　
　　<h:inputText　id="txtName"　value="#{person.name}">　
　　　　<f:ajax　render="txtEnteredName"/>　
　　</h:inputText>　
　　<h:outputText　value="You　entered:　"/>　
　　<h:outputText　id="txtEnteredName"　value="#{person.name}"/>　
</h:panelGrid>　

Countries 应用程序

现在，让我们进入 Countries 应用程序，该应用程序使用 GMaps4JSF 和 JSF 2.0 Ajax。在该应用程序中，您有一个主 dataTable 和一个详细的地图。dataTable 的每一行表示一个国家，当用户单击行时，将显示该国的详细地图。图 4 展示了运行 Countries 应用程序的截屏。

图 4. Countries 应用程序截屏

图片看不清楚？请点击这里查看原图（大图）。

清单 4 展示了部分 mashups.xhtml 代码（Countries 应用程序 XHTML 页面）清单。我将 <f:param> 标记放入 <f:ajax> 标记，因此可以在单击表格行 “View Country Location” commandLink 时发送参数。在 <f:ajax> 标记的呈现属性中，包含地图组件的面板组的 ID 指定为 “mapGroup”。从服务器发出响应时，地图将使用新信息 #{param.selectedCountry}、#{param.selectedCapital} 和 #{param.continent} 更新。