选择项目时动态更改 p:selectCheckboxMenu 的样式答案

【问题标题】：dynamically change style of p:selectCheckboxMenu when items are selected选择项目时动态更改 p:selectCheckboxMenu 的样式
【发布时间】：2019-10-31 14:38:44
【问题描述】：

当用户从下拉列表中选择任何值时，我正在尝试更改 p:selectCheckboxMenu 的样式。例如更改标签容器的背景颜色（ .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container) 或边框的颜色。
我遇到的问题是 selectCheckboxMenus 是在重复组件内动态生成的。

<h:panelGroup id="multiple" >
      <p:repeat value="#{myBean.keywdLst}" var="kLst" >
          <p:selectCheckboxMenu id="checkmenu" value="#{myBean.selectedKeywords}" 
                  label="#{kLst.keywordlistname}" filter="true" filterMatchMode="startsWith" 
                  panelStyle="width:250px" valueChangeListener="#{myBean.selectedItemsChanged}" >
                <f:selectItems value="#{kLst.listKeywords}" var="key" itemLabel="#{key.keyword}" itemValue="#{key}" />
          </p:selectCheckboxMenu>
      </p:repeat>                            
</h:panelGroup>

我不确定解决此问题的正确方法。无论是使用 javascript 和 ajax 侦听器还是在支持 bean 中，挑战是仅获取带有所选项目的 selectCheckboxMenus 的 id，以及如何在其中推送 css 代码。

非常感谢任何帮助。
谢谢

【问题讨论】：

标签： javascript css jsf primefaces

【解决方案1】：

使用<c:forEach> 而不是<p:repeat>，这样您就可以获得循环中生成的ID 的句柄，然后使用它们。更多详情：JSTL in JSF2 Facelets... makes sense?

【讨论】：