Компонент AutoSuggest в стандартном наборе компонентов JSF 2.0

Question

Есть ли в стандартном наборе компонентов JSF 2.0 компонент ввода схожего с Google типа?

Answer 1

В стандартном наборе компонентов JSF <h:xxx> такого компонента нет.Все это предлагает только основные элементы HTML.Поле автозаполнения в основном представляет собой комбинацию элементов <input type="text"> и <ul><li>, которые создаются и позиционируются с помощью JavaScript, заполняются с помощью Ajax и стилизованы с помощью удачного кадра CSS.Это не один базовый элемент HTML.

Реализация собственного не совсем тривиальна, если вы новичок в JSF.Проще всего было бы создать составной компонент с <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/