JSF 2 fu: Ajax 组件

　2010-06-08 00:00:00　来源：WEB开发网　　　

核心提示： 图 3 和图 4 显示了运行中的自动完成字段，在图 3 中，JSF 2 fu: Ajax 组件(2)，在字段中输入 Al 之后，国家列表将缩减至使用这两个字母开头的名称：图 3. 使用 Al 开头的完成项目同样，图 4 显示了在字段中输入 Bar 之后显示的结果，列表仅显示以 Bar 开头的

图 3 和图 4 显示了运行中的自动完成字段。在图 3 中，在字段中输入 Al 之后，国家列表将缩减至使用这两个字母开头的名称：

图 3. 使用 Al 开头的完成项目
JSF 2 fu: Ajax 组件

同样，图 4 显示了在字段中输入 Bar 之后显示的结果。列表仅显示以 Bar 开头的国家名。

图 4. 以 Bar 开头的完成项

目
JSF 2 fu: Ajax 组件

使用自动完成组件

Locations 自动完成字段是一个 JSF 复合组件，并应用于 facelet，如清单 1 所示：

清单 1. facelet

<!DOCTYPE　html　PUBLIC　"-//W3C//DTD　XHTML　1.0　Transitional//EN"　　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">　 <html　xmlns="http://www.w3.org/1999/xhtml"　　　　xmlns:h="http://java.sun.com/jsf/html"　　　　xmlns:util="http://java.sun.com/jsf/composite/util">　　　<h:head>　　　　<title>#{msgs.autoCompleteWindowTitle}</title>　　　</h:head>　　　　<h:body>　　　　<div　style="padding:　20px;">　　　　　　<h:form>　　　　　　　<h:panelGrid　columns="2">　　　　　　　　　#{msgs.locationsPrompt}　　　　　　　　　<util:autoComplete　value="#{user.country}"　　　　　　　　　　　　completionItems="#{autoComplete.countries}"　/>　　　　　　　</h:panelGrid>　　　　　　</h:form>　　　　</div>　　　</h:body>　 </html>　