p: selectCheckboxMenu Динамический CSS - PullRequest
0 голосов
/ 06 сентября 2018

Я заполнил раскрывающийся список множественного выбора, у меня есть сценарий, как цвет текста в раскрывающемся списке должен отличаться в зависимости от некоторых условий. я заполнил значения в <f:selectItems>. Я приложил снимок экрана с раскрывающимся списком, добавив CSS к визуализированному HTML-файлу. Как я могу добавить динамический CSS для метки

xhtml:

<p:selectCheckboxMenu id="stackListDropDown" filter="true"
                        style="vertical-align:middle" filterMatchMode="contains"
                        value="#{stackListForPOCBean.selectedStackListFromDB}"
                        styleClass="help-inline selectOneMenuDefault">
                        <!-- <f:selectItem noSelectionOption="false" /> -->
                        <!-- <p:ajax event="change" process="@this"
                            listener="#{stackListForPOCBean.subjectSelectionChanged(stack)}" /> -->
                        <f:selectItems value="#{stackListForPOCBean.stackListFromDB}"
                            var="stack" itemLabel="#{stack.stackId} - #{stack.stackDesc}"
                            itemValue="#{stack.stackId}">
                        </f:selectItems>
                        <p:ajax update="stackLineGroup" process="@this "
                            listener="#{stackListForPOCBean.validateMultiSelectStackForPOC()}" />
                        <p:ajax event="toggleSelect" update="@this stackLineGroup"
                            listener="#{stackListForPOCBean.validateMultiSelectStackForPOC()}" />
                    </p:selectCheckboxMenu>

Ожидаемый результат с использованием простых лиц enter image description here

1 Ответ

0 голосов
/ 07 сентября 2018

Я добился этого с помощью следующего кода, изменил на selectManyMenu и добавил флажок true

<p:selectManyMenu id="stackListDropDown"
                        styleClass="help-inline selectOneMenuManyDefault" 
                        value="#{stackListForPOCBean.stackListSelected}" var="t"
                        filter="true" filterMatchMode="contains" showCheckbox="true">
                        <f:selectItems value="#{stackListForPOCBean.stackListFromDB}"
                            var="stack" itemLabel="#{stack.stackId} - #{stack.stackDesc}"
                            itemValue="#{stack}" />
                        <p:column>
                            <h:outputText value="#{t.stackId} - #{t.stackDesc}"
                                styleClass="#{t.stackColorStyle}" />
                        </p:column>
                        <p:ajax update="stackLineGroup" process="@this "
                            listener="#{stackListForPOCBean.validateMultiSelectStackForPOC()}" />
                    </p:selectManyMenu>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...