通过 JavaScript 更新 PrimeFaces selectCheckboxMenu

Question

我想通过 Javascript 使用存储在客户端的选择更新 PrimeFaces selectCheckboxMenu。

<h:form id="filter">
      <p:selectCheckboxMenu id="inputType" label="#{msg.labrel}" widgetVar="inputType">
        <f:selectItems value="#{filterAction.types}" var="type" itemValue="#{type.toString()}" itemLabel="#{type.displayName}"  />
      </p:selectCheckboxMenu>
</h:form>

我已经通过 PF('inputType') 和 $('#filter-inputType').find('input[type=checkbox]').checked=true 尝试过，但没有成功，有什么建议吗？

谢谢。

Answer 1

谢谢@Melloware。 JavaScript selectCheckboxMenu 控件的解决方案：

menu = PF('inputType');
index = -1;

for (var i = 0; i < menu.labels.length; i++) {
  if (menu.labels[i].textContent == 'label') {
    index = i;
    break;
  }
}

menu.check($(menu.checkboxes[index]),true);
menu.uncheck($(menu.checkboxes[index]),true)

通过 JavaScript 更新 PrimeFaces selectCheckboxMenu

Update PrimeFaces selectCheckboxMenu via JavaScript

javascript

primefaces