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