Некоторые свойства могут быть написаны для метки :
font-family
color
font-*
background-color
Также вы можете использовать собственный шрифт для отдельного тега , например, любой шрифт google , Иконки материалов или другие значки шрифтов из icomoon или аналогичные. (Это может быть полезно для селекторов шрифтов и т. Д.).
Учитывая это, вы можете создавать шрифт семейства шрифтов и вставлять значки в теги , например
, где ★
взято из Icons
, а остальное - от Roboto
.
Обратите внимание, что пользовательские шрифты не работают для мобильного выбора.
Используйте атрибут rendered
. Он принимает логическое выражение. Вы можете оценить значение таблицы данных внутри выражения с помощью ключевого слова EL empty
. Если он возвращает false
, весь компонент (и его дочерние элементы) не будут отображаться.
<h:outputText value="Table is empty!" rendered="#{empty bean.list}" />
<h:dataTable value="#{bean.list}" rendered="#{not empty bean.list}">
...
</h:dataTable>
Для интересующего вас случая, вот другие основные примеры того, как использовать полномочия EL внутри атрибута rendered
:
<h:someComponent rendered="#{bean.booleanValue}" />
<h:someComponent rendered="#{bean.intValue gt 10}" />
<h:someComponent rendered="#{bean.objectValue eq null}" />
<h:someComponent rendered="#{bean.stringValue ne 'someValue'}" />
<h:someComponent rendered="#{not empty bean.collectionValue}" />
<h:someComponent rendered="#{not bean.booleanValue and bean.intValue ne 0}" />
<h:someComponent rendered="#{bean.enumValue eq 'ONE' or bean.enumValue eq 'TWO'}" />
Вы можете проверить это несколькими способами, например, с помощью функции в бине, которая проверяет размер списка:
function boolean isEmpty() {
return myList.isEmpty();
}
, затем на страницах JSF:
<h:outputText value="List is empty" rendered="#{myBean.empty}"/>
<h:datatable ... rendered="#{!myBean.empty}">
...
</h:datatable>