Как показать иконку с помощью commandLink:
<p:commandLink
styleClass="ui-icon ui-icon-plus"
action="#{bean.doSomething}" >
<h:outputText value="Add" />
</p:commandLink>
OutputText (Добавить) не виден. Как правильно для commandLink поддерживать значок? Спасибо.
Мой ответ представляет собой комбинацию двух предыдущих ответов, но для меня это сработало лучше всего. Удалите styleClass, но вам не нужно использовать graphicImage.
Вместо этого вы можете использовать тег <i class=""></i>.
<p:commandLink action="#{bean.doSomething}">
<h:outputText value="Add"/><i class="ui-icon ui-icon-plus"></i>
</p:commandLink>
Вы можете использовать библиотеку Awesome с большим количеством иконок. Это пример того, как это сработало для меня:
<!-- Delete Button -->
<p:commandLink style="padding: .3em 1em"
styleClass="fa fa-trash"
process=":formDataTable:customers"
update=":formDataTable:customers">
<p:confirm header="Delete Confirmation" message="Are you sure?" icon="ui-icon-alert" />
<p:collector value="#{customer}" removeFrom="#{customersController.customers}" unique="true"/>
</p:commandLink>
В вашем случае это будет так:
<p:commandLink
styleClass="fa fa-user-plus"
action="#{bean.doSomething}">
<h:outputText value="Add" />
</p:commandLink>
Просто убедитесь, что для web.xml с Primefaces.FONT_AWESOME установлено значение true, например:
<!-- web.xml -->
<context-param>
<param-name>primefaces.FONT_AWESOME</param-name>
<param-value>true</param-value>
</context-param>
Я надеюсь, что это поможет кому-то еще!
Вы должны удалить styleClass и использовать graphicImage с текстом:
<p:commandLink >
<h:graphicImage value="resources/images/add.png" title="add" >
add
</h:graphicImage>
</p:commandLink>
