jsf - Richfaces:将rich:comboBox 限制为值列表的值

Question

我的页面中有以下简单的组合框。

<rich:comboBox value="#{groupConfig.group}"
               styleClass="userCombo"
               filterNewValues="false"
               directInputSuggestions="true">
  <f:selectItems value="#{
    workflowConfigCtrl.groupsFor(groupConfig,appNode.approvalTier)
  }" />
</rich:comboBox>

它工作得非常好，但遗憾的是它允许输入不属于建议列表的值(这是有道理的，因为我启用了直接文本输入。

我希望启用直接文本输入，以便用户可以使用建议列表进行快速过滤(从可包含 100 个组的庞大组列表中)。

同时我不希望用户输入不在列表中的值。当前方法会检查用户何时保存整个表单。有什么办法可以提前限制吗？

我尝试使用 javascript onblur= 处理程序来做到这一点，但我找不到 selectItem 列表保存在 dom 中的位置。

Answer 1

您可以使用 javascript 访问组合框列表

#{rich:component('myComboBoxId')}.comboList.itemsText

和/或

#{rich:component('myComboBoxId')}.comboList.itemsValue

然后使用 jQuery.inArray()以验证该项目是否在列表中。