在onchange事件中，如何通过JavaScript更改PrimeFaces SelectOneMenu的值和显示值

Question

我正在使用PrimeFaces 5.0（由于其他问题无法升级）。我有一个SelectOneMenu。我将onchange事件绑定到它，这样当用户更改它时，我可以使用confirm（）来提示用户确认操作。当用户单击"否"时，我需要将旧值放回原处。

菜单如下：

<p:selectOneMenu 
    id="referenceTable" 
    widgetVar="referenceTable"
    style="width:45%"
    value="#{maintRefTabUi.selectedReferenceTable}"
    onchange="changeReferenceTableDropdown();"
>
...snip...

功能如下：

function changeReferenceTableDropdown() {
    if (DirtyFlag.isDirty) { 
        if (confirm('You have unsaved changes. Do you want to discard your changes and switch to another reference table?')) { 
            DirtyFlag.resetDirtyFlag(); 
            changeReferenceTable(); 
        } else {
            // Pick one below
            // Attempt 1: The .value property is reverted, but displayed value isn't 
            document.forms['tableSelectForm'].reset();
            // Attempt 2: Same as attempt 1
            PF('referenceTable').value = PF('referenceTable').preShowValue.val();
            // Attempt 3: The dropdown box is reverted, but onchange got fired twice
            PF('referenceTable').selectValue(PF('referenceTable').preShowValue.val());
            // Attempt 4: .value and visually reverted, but if you click the dropdown box, the selected value jumps back to the discarded value
            PF('referenceTable').revert();
        }
    } else { 
        changeReferenceTable(); 
    }
}

我找不到任何关于.selectValue（）和onchange（）事件触发两次的信息。因为JavaScript设置.value不会触发onchange（），所以.selectValue（）触发onchange（）可能是一个错误。

有没有办法抑制onchange（）？我还尝试了onchange=null；然后把它放回去，但它没有起作用（onchange仍然被解雇）。

或者有没有办法让SelectOneMenu根据.value更新其显示？

Answer 1

为什么不使用Primefaces确认对话框？

http://www.primefaces.org/showcase/ui/overlay/confirmDialog.xhtml

我可以想象，您的问题将被淘汰，因为您不能依赖javascript代码。

我希望这能有所帮助！

Answer 2

我最终做了这个：

在与SelectOneMenu关联的setter中，我将旧值保存在另一个成员变量中。

在SelectOneMenu的onchange（）事件中，如果用户取消，那么我在bean中调用一个新方法来恢复旧值，然后更新SelectOneMenu。

更多地访问服务器，而不是在客户端阻止它，但至少它完成了任务。