如何在加载表单后触发 Ajax 加载嵌套下拉列表？

Question

我有一个按钮可以显示一个编辑对话框表单，其中包含一个包含前缀数字值的 selectOneMenu，并且在 select 输入其中一个前缀值之后，三个 selectCheckboxMenu 加载了员工数据。这很好。

<p:outputLabel value="prefix" for="prefixo" />
<h:panelGroup>
    <p:selectOneMenu id="prefixo" value="#{demandasController.selected.prefixo}" converter="prefixosConverter" filter="true" filterMatchMode="contains">
        <f:selectItem itemLabel="#{adeBundle.SelectOneMessage}" itemValue="#{null}" />
        <f:selectItems value="#{prefixosController.items}"
                       var="prefixoItem"
                       itemValue="#{prefixoItem}"
                       itemLabel="#{prefixoItem.prefixo} - #{prefixoItem.nomePrefixo}"
                       />
        <p:ajax event="valueChange" update="uorPosCollection uorPosCollection1 uorPosCollection2" listener="#{demandasController.changePrefixo}"/>
    </p:selectOneMenu>
</h:panelGroup>

<p:outputLabel value="Executivo(s)" for="uorPosCollection" />
<p:selectCheckboxMenu id="uorPosCollection" value="#{demandasController.selected.uorPosCollection}" label="Executivo(s)" multiple="true" converter="uorPosConverter" filter="true" filterMatchMode="contains" >
    <f:selectItems value="#{demandasController.availableExecutivos}"
                   var="uorPosCollectionItem"
                   itemValue="#{uorPosCollectionItem}"
                   itemLabel="#{uorPosCollectionItem.matricula} - #{uorPosCollectionItem.nome} (#{uorPosCollectionItem.prefixo.prefixo})" />
</p:selectCheckboxMenu>
<!-- analogous code ommited -->

听众：

public void changePrefixo(AjaxBehaviorEvent event) {
    availableExecutivos = LoadExecutivosListCombo(super.getSelected().getPrefixo());
    //analogous methods ommited
}

加载员工列表的方法：

private List<UorPos> LoadExecutivosListCombo(Prefixos prefixos) {
    List<SelectItem> listExecutivosCombo = new ArrayList<>();
    List<UorPos> listExecutivos = uorPosFacade.findUorPosExecutivosByPrefixo(prefixos);
    for (int i = 0; i < listExecutivos.size(); i++) {
        listExecutivosCombo.add(new SelectItem(listExecutivos.get(i)));
    }
    return listExecutivos;
}

//analagous methods ommited

检索数据库的本机查询：

public List<UorPos> findUorPosExecutivosByPrefixo(Prefixos prefixo) {
    return (List<UorPos>) getEntityManager().createNativeQuery("SELECT * FROM UorPos WHERE prefixo=9951", UorPos.class).setParameter(1, prefixo.getPrefixo()).getResultList();
}
//analagous methods ommited

但是当编辑一个已经有前缀和员工值（一些用户之前保存的）的寄存器时，3 selectCheckboxMenu 被加载，在其标签上显示（不需要的）id 的实体 class 名称值和空下拉列表：

例如：在上图中，当加载编辑表单时，它显示了一些用户之前保存的值：前缀9882（如预期显示）和这三个员工的（空）下拉列表（其中显示了不需要的 class 名称）。如果我 select 与 9882 不同的值，下拉列表将按预期填充 (ajax)，如果我再次 select 9882，员工将按预期显示（没有 class 姓名）：

我正在尝试通过如下激活 ajax 来解决它，但不知道如何在函数中调用它：

<p:dialog onShow="CallAjaxFunction()" modal="true" >

        <script>
        function CallAjaxFunction() {
        <!-- how to call the ajax here ? -->
            alert("displaying after form was loaded.")        
        }
        </script>
   ...
</p:dialog>

有谁知道如何在加载表单后触发 ajax 加载嵌套下拉菜单？

或者如果有人有任何其他解决方案来显示标签中的值（没有 class 名称）并自动加载嵌套下拉列表，我很感激。

提前致谢。

Answer 1

经过研究，我使用了侦听器来更新连击，为此使用对话框中的 open ajax 事件：

<p:dialog onShow="PF('prefixowv').selectValue(':selected').click();" update= DemandasEditForm:uorPosCollection DemandasEditForm:uorPosCollection1 DemandasEditForm:uorPosCollection2 />

并将 ajax 事件更改为 selectItem，而不是 valueChange:

<p:selectOneMenu id="prefixo" value="#{demandasController.selected.prefixo}" converter="prefixosConverter" filter="true" filterMatchMode="contains">
    <f:selectItem itemLabel="#{adeBundle.SelectOneMessage}" itemValue="#{null}" />
    <f:selectItems value="#{prefixosController.items}"
                   var="prefixoItem"
                   itemValue="#{prefixoItem}"
                   itemLabel="#{prefixoItem.prefixo} - #{prefixoItem.nomePrefixo}"
                   />
    <p:ajax event="selectItem" update="uorPosCollection uorPosCollection1 uorPosCollection2" listener="#{demandasController.changePrefixo}"/>
</p:selectOneMenu>

此致，

如何在加载表单后触发 Ajax 加载嵌套下拉列表？

How to Trigger Ajax To Load Nested Dropdowns After Loading A Form?

ajax

primefaces

drop-down-menu

selectcheckboxmenu