jquery - 如何从 selectCheckboxMenu 更改禁用元素的标签样式？

Question

我的 p:selectCheckboxMenu 在 itemDisabled 为真时自动更改框样式，如下所示。但是，我希望 itemLabel 样式也可以更改为禁用的元素。如何做到这一点？

<p:selectCheckboxMenu
    id="horario"
    value="#{clienteMB.horariosSelecionados}"
    label="Selecione"
    filter="true"
    filterMatchMode="startsWith"
    required="true"
    requiredMessage="Horário: campo obrigatório."
    converter="MultiSelectEntityConverter"
    style="width:100% !important">
    <f:selectItems
        itemDisabled="#{not empty consulta.datamarc}"
        value="#{clienteMB.horarioList}"
        var="consulta"
        itemLabel="#{consulta.dataHoraFormatted()}"
        itemValue="#{consulta}">
    </f:selectItems>
</p:selectCheckboxMenu>

PS.: 使用 p:selectManyMenu，我没有这个问题。

Answer 1

我可以使用 jQuery 解决我的问题。

function changeDisabledItemColor() {
    jQuery("div.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled").parent().parent().find('label').each(function(index) {
        jQuery(this).css('opacity','0.35');
    });
}

一旦我包含了 changeDisabledItemColor() 函数，我只需要将 onShow="changeDisabledItemColor()" 添加到 p:selectCheckboxMenu。

这是结果: