更改 selectCheckboxMenu 行为

Question

我有 PrimeFaces 标签 selectCheckboxMenu。

    <p:selectCheckboxMenu dynamic="true"
                              filter="true" filterMatchMode="startsWith"
                              label="Cities"
                              style="width: 15rem" panelStyle="width: 15rem" scrollHeight="250"
                              value="#{checkboxView.selectedCities}">
            <f:selectItems value="#{checkboxView.cities}"/>

           
    </p:selectCheckboxMenu>

我正在努力实现这一点： 当我打开此列表时，如果没有选中其他复选框，则仅选中顶部复选框； 当我选中列表中的一个复选框时，顶部的复选框将取消选中；

我认为 js 可以帮助我，我试图在文档中找到一些东西，但找不到。

Answer 1

您期望的结果的第二部分默认按预期工作 iirc。关于前面的内容，如果您希望在打开菜单后选择列表中的第一项（如果我理解正确的话），请使用方法toggleItem()并将其与js函数结合起来。