javascript - 使用 widgetVar，如何禁用或启用 PrimeFaces selectOneButton

Question

我正在使用 PrimeFaces 6.1 widgetVar 启用和禁用网页上的多个元素。我正在使用以下代码:

JavaScript/jQuery:

PF('widget_select_one_button_1').getJQ().parent().removeAttr('disabled');
PF('widget_select_one_button_1')..getJQ().parent().attr("disabled", true);

XHTML:

<h:form id="form-1">
  <p:selectOneButton id="button-1" value="#{search.drawings}">
    <f:selectItems value="#{search.drawings}" var="x" itemLabel="#{drawings}" itemValue="#{drawings}"/>
  </p:selectOneButton>
</h:form>

我已确认我使用的是正确的 widgetVar，因为我能够启用和禁用 selectOneRadio。当我决定将 selectOneRadio 更改为 selectOneButton 时，我找不到有关如何启用或禁用该元素的任何信息。

我使用了上面显示的 JavaScript 的多个变体。我尝试在 widgetVar 变量上调用 .enable()/.disable()，然后使用我尝试添加的 jQuery 对象并删除 disabled 属性。我还对 jQuery 对象的父对象进行了相同的尝试(如上所示)。

有没有人知道如何启用或禁用 selectOneButton？

Answer 1

我使用 css 选择器通过这些元素的后代搜索所有 radio 输入，然后在每个项目上应用禁用功能:

PF('yourWidgetVarName').getJQ().find('input[type="radio"]').each(function (index, element) { $(this).attr("disabled", true); });

参见:https://api.jquery.com/find/