Название компонента | Tomahawk | Trinidad | OpenFaces | PrimeFaces | RichFaces | Комментарий |
Captcha | t:captcha | p:captcha | ||||
Сворачиваемая панель | t:collapsiblePanel | tr:showDetail | предоставляет фолдинг для элементов | |||
Таблица | t:dataTable | p:dataTable | поддерживает сортировку по столбцам, разбиение длиной таблицы на столбцы | |||
Список (UL, OL, через запятую) | t:dataList | |||||
Paginator | t:dataScroller | |||||
Календарь | t:inputCalendar | o:calendar | p:calendar | rich:calendar | ||
Ввод даты | t:inputDate | tr:inputDate | отличается от t:inputCalendar тем, что отображается три поля ввода | |||
Загрузка файлов | t:inputFileUpload | tr:inputFile | p:fileUpload | rich:fileUpload | ||
HTML-редактор | t:inputHtml | p:editor | rich:editor | |||
Поле ввода с подсказкой | t:inputTextHelp | |||||
Выпадающие меню на JS | t:jscookMenu | |||||
Вертикальное меню | t:panelNavigation, t:panelNavigation2 | |||||
Панель с табами | t:panelTabbedPane | |||||
Всплывающая подсказка | t:popup | o:hintLabel | p:tooltip | rich:toolTip | появляется при наведении мышью на элемент | |
Таблица с расписанием | t:schedule | p:schedule | ||||
Элемент выбора страны | t:selectOneCountry | |||||
Элемент выбора языка | t:selectOneLanguage | |||||
Элемент выбора цвета | tr:inputColor | p:colorPicker | rich:colorPicker | |||
Два SELECT-а с возможностью «переноса» значений одного в другой | t:selectManyPicklist | tr:selectManyShuttle | o:twoListSelection | |||
Выбор столбца в таблице | t:selectOneRow | |||||
Переключение между двумя панелями | t:togglePanel | в один момент видна только одна из них | ||||
Дерево | t:tree, t:tree2 | tr:tree | p:tree | |||
Автоисчезающее значение поля ввода | o:inputText | p:watermark | ||||
Поле ввода пароля | p:password | |||||
Рейтинг с помощью звёзд | p:rating | |||||
«Хлебные крошки» | tr:breadCrumbs | p:breadCrumb | ||||
Иконки | tr:icon | (изображения для сообщений типа info, warning, error) | ||||
Google Map | p:gmap | rich:gmap |
Валидатор | Tomahawk | OpenFaces | Комментарий |
номер кредитной карты | t:validateCreditCard | ||
t:validateEmail | o:validateEmail | ||
равенство двух полей | t:validateEqual | o:validateEqual | |
регулярное выражение | t:validateRegExpr | o:validateRegex | |
URL | s:validateUrl | o:validateUrl | s:validateUrl доступен в песочнице |