2

С помощью JSF выводится элемент SelectManyMenu, источник заполнения - ArrayList, каждому стрингу в БД соответствует булевый флаг. Требуется, при заполнении элемента, проверять флаг в бине и, при положительном значении, придавать стрингу назначать стиль (например жирный текст).

<p:selectManyMenu id="person" value="#{sB.selectedPersons}"
    style="width:300px;height:230px" showCheckbox="true"
                filter="true" filterMatchMode="contains" scrollHeight="200">
    <f:selectItems value="#{sB.persons}" var="person" 
                itemLabel="#{person}" itemValue="#{person}" />
    <p:ajax event="change" update=":fltfrm:hperson :datfrm" />
</p:selectManyMenu>

Возможно ли реализовать такое на JS/JQuery/jstl+css? Если да, то как? Интересует именно front end часть.

2 ответа 2

1

Ниже тестовый пример с подсветкой красным цветом уволенных сотрудников. Класс Person:

public class Person {

  private String name;
  private boolean dismissed;

  public Person(String name, boolean dismissed) {
    this.name = name;
    this.dismissed = dismissed;
  }
//get/set методы
}

Контроллер:

@Named
@RequestScoped
public class TestBean {

  public ArrayList<Person> getPersons() {
    ArrayList<Person> result = new ArrayList<>();
    result.add(new Person("Иванов", false));
    result.add(new Person("Петров", true));
    result.add(new Person("Смирнов", false));
    result.add(new Person("Сидоров", false));
    return result;
  }
}

Страница:

        <p:selectOneMenu var="person">
            <f:selectItems value="#{testBean.persons}" var="person" itemLabel="#{person.name}" itemValue="#{person}"/>

            <p:column>
                <h:outputText value="#{person.name}" style="#{person.dismissed ? 'color: red' : ''}"/>
            </p:column>
        </p:selectOneMenu>

        <p:selectManyMenu var="person">
            <f:selectItems value="#{testBean.persons}" var="person" itemLabel="#{person.name}" itemValue="#{person}"/>

            <p:column>
                <h:outputText value="#{person.name}" style="#{person.dismissed ? 'color: red' : ''}"/>
            </p:column>
        </p:selectManyMenu>

        <p:dataList var="person" value="#{testBean.persons}">
            <h:outputText value="#{person.name}" style="#{person.dismissed ? 'color: red' : ''}"/>
        </p:dataList>

Обратите внимание на то, что var должен быть указан и в p:selectOneMenu и в f:selectItems. Не используйте String в качестве элемента списка, т.к. в этом случае p:column будет проигнорирован.

3
  • Спасибо, ваш пример работает, это то, что надо. Но, пытаюсь сделать то же самое для <p:dataList и пока не получается.
    – Tariel
    14 дек 2017 в 8:22
  • 1
    <p:dataList value="#{uB.users}" var="users" > <f:facet name="header"> Пользователи </f:facet> <h:outputText value="#{users.name} " style="#{user.kMark > 0 ? 'color: red' : ''}"/> </p:dataList>
    – Tariel
    14 дек 2017 в 8:23
  • 1
    Я дополнил страницу в примере, в т.ч. добавил p:selectManyMenu как в вопросе
    – bobzer
    14 дек 2017 в 9:47
0

Для p:dataList тоже работает в выше приведенном коде синтаксическая ошибка, вместо value="#{users.name} надо user.name

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.