標準JSF 2.0組件集中的AutoSuggest組件

Question

標準JSF 2.0組件集中是否有類似Google的autosuggest輸入組件？

Answer 1

standard JSF <h:xxx> component set沒有這樣的組件。它提供的只是基本的HTML元素。自動提示字段基本上是<input type="text">和<ul><li>項目的組合，這些項目由JavaScript創建和定位，並由Ajax填充，並由CSS以良好的樣式進行設置。這不是一個基本的HTML元素。

如果您不熟悉JSF，那麼實現您自己的並不是微不足道的。最簡單的是創建一個composite component與<h:inputText>並自己添加必要的JS/CSS代碼。幸運的是，存在JSF組件庫，它們在標準JSF組件的基礎上增加了只是，並且通常已經提供了這種組件。例如：

• RichFaces：<rich:autocomplete>
• PrimeFaces：<p:autoComplete>
• OpenFaces：<o:suggestionField>
• IceFaces：<ice:selectInputText>

^{（注：以上所有標籤都可以點擊，並顯示您的在線演示）}

Answer 2

如果您不希望將組件庫添加到JSF項目中，則可以改爲集成jQuery自動填充小組件。這是一種客戶端JavaScript解決方案，與服務器端技術無關。因此添加這個小部件對您的服務器端代碼沒有任何影響。

http://jqueryui.com/demos/autocomplete/