在PrimeFaces中選擇“選擇一個”選擇項時如何不顯示p：對話框

Question

我有ap：selectOneMenu，在那個值列表中，第一個值是“ Select One”，其他值是從db獲取的實際值。

當用戶選擇其他值時，將顯示一個對話框並獲取相應的值，但是，此后，如果用戶選擇“選擇一個”，則還將顯示該對話框。 在這里，當用戶從下拉列表中選擇“選擇一個”時，我不想顯示對話框。

Xhtml代碼：

<p:selectOneMenu id="drp_modify"
        value="#{BackingBean.Name}" panelStyle="width:180px"
        effect="fade" style="width:180px" filter="true"
        filterMatchMode="startsWith" onchange="PF('dlg_modify').show();"
        title="Add">
        <p:ajax listener="#{BackingBean.onNameChange}"
            update="Name_ID, address" />
        <f:selectItem itemLabel="Select One" itemValue="" noSelectionOption="true" />
        <f:selectItems value="#{BackingBean.nameItemList}" />
    </p:selectOneMenu>

<p:dialog header="Modify" widgetVar="dlg_modify" resizable="false">

//// some code

</p:dialog>

Answer 1

您可以使用JavaScript來檢查組合框的當前值。

而不是onchange="PF('dlg_modify').show();" 你可以寫：

onchange="if(document.getElementById('yourFormId:drp_modify_input').value != '') PF('dlg_modify').show();"

其中yourFormId是表單的ID，條件是f:selectItem作為itemValue參數給出的值。 你的情況是'' 。