Блог

В JSF я включил следующую строку в свой файл xhtml:

 <h:panelGroup id="messageHeader">
   <h:messages for="messageHeader" layout="list" errorClass="error"  infoClass="inform"/>
</h:panelGroup>
  

Текст отображается как

 <ul>
  <li class="error"> Please enter a First Name </li>
  <li class="error"> Please enter a Last Name </li>
</ul>
  

Как мне применить стиль CSS к <ul> тегу или какому-либо окружающему <span> тегу?

Вот что я пытаюсь сделать. Я хочу, чтобы все сообщения об ошибках отображались в одном красном поле. Я также хочу, чтобы все информационные сообщения отображались в одном зеленом поле. В приведенном выше примере отображаются 2 красных прямоугольника; по одному для каждого <li> элемента.

Используйте styleClass атрибут <h:messages> . Он будет применен к родительскому HTML-элементу.

Например.

 <h:messages styleClass="messages" />
  

в конечном итоге будет выглядеть

 <ul class="messages">
    ...
</ul>
  

Обновление: похоже, вы хотите отображать информацию и сообщения об ошибках в отдельных списках. Вместо этого используйте два <h:messages/> , для которых вы скрываете другую серьезность.

 <h:messages styleClass="errorMessages" infoStyle="hide" />
<h:messages styleClass="infoMessages" errorStyle="hide" />
  

с

 .hide {
    display: none;
}
  

Это можно было бы сделать, предоставив тег h: messages для каждого типа сообщения, которое вам нужно показать, с соответствующим условием. Для примера для типа сообщения об ошибке:

 <h:panelGroup id="errorMessageHeader" class="whatever you need" rendered="#{FacesContext.isValidationFailed()}">
   <h:messages for="errorMessageHeader" layout="list" errorClass="error" />
</h:panelGroup>
  

Условия для других типов сообщений вы можете найти, комбинируя методы из

javax.faces.context.FacesContext

Спасибо, A.K.