为什么我必须点击我的提交按钮两次？

Question

我有一个相当大的数据采集表格。主要问题是我总是必须点击提交按钮两次才能提交表单。我第一次按下它时，它只是刷新并且什么也不做。为什么会这样？在我的表单中，有很多输入文本。

还有一些动态选择菜单，其中的项目列表会根据不同菜单中的选定项目而变化。我的怀疑是问题出在此处，因为有 valueChangeListener、onchange="submit()" 和 immediate="true"，它们可能会产生一些我不太了解的副作用。我没有收到任何错误消息。以前有人遇到过这样的问题吗？

<h:commandButton type="submit" value="Add Job Profile" action="{formBean.commitData}"/>

    public void commitData() {
    QueryRunner run = new QueryRunner(ds);
    String insertSql = "sql command here";

    try {
        int numberOfCommits = run.update(insertSql);
        if (numberOfCommits > 0) {
            JOptionPane jop = new JOptionPane("Inserted " + numberOfCommits +"record");
            JDialog dialog = jop.createDialog("Upload complete");
            dialog.setAlwaysOnTop(true);
            dialog.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE);
            dialog.setVisible(true);
        } else {
            JOptionPane jop = new JOptionPane("Upload  failed.  Please try again." );
            JDialog dialog = jop.createDialog("Upload failed");
            dialog.setAlwaysOnTop(true);
            dialog.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE);
            dialog.setVisible(true);

        }

    } catch (SQLException sqle) {
        sqle.printStackTrace();
    }
}

我什至在第一次点击时都没有收到上传失败的消息。第二次点击，上传成功。

编辑：是的，它是动态选择菜单。如果我删除这些菜单，我可以在第一次点击时提交。不过，我该如何解决这个问题？

<h:outputLabel value="Family: " />
<h:selectOneMenu id="selectFamily"
                 value = "#{formBean.selectedFamily}"
                 valueChangeListener="#{menuBean.changeFamily}"
                 onchange="submit()"
                 immediate = "true" >
<f:selectItems id="familyNames" value="#{menuBean.familyNames}" />
</h:selectOneMenu>


<h:outputLabel value="Function: " />
<h:selectOneMenu id="selectFunction"
                 value="#{formBean.selectedFunction}"
                 immediate="true" >

<f:selectItems id="functionNames" 
               value="#{menuBean.functions}" />
</h:selectOneMenu>

    // listen for family change and render relevant function
       public void changeFamily(ValueChangeEvent event) {
          FacesContext context = FacesContext.getCurrentInstance();
          String value = (String) event.getNewValue();
          switchFunctions(value);
          context.renderResponse();
        }

Answer 1

我在显示弹出窗口时遇到了类似的问题。显示弹出窗口后，单击提交按钮只会刷新弹出窗口。没有数据与托管 bean 同步。但是，当再次单击该按钮时，它会提交数据。

我通过更改显示弹出窗口的代码解决了这个问题，从...

<a4j:commandButton value="Reserve" disabled="#{login.mayReserve == false}" immediate="true"
        title="To set an available number to the Reserved state."
        oncomplete="#{rich:component('selectCustomer')}.show();" render="selectCustomer" >
    <f:setPropertyActionListener target="#{managementController.menuAction}" value="Reserve" />
</a4j:commandButton>

到...

<a4j:commandButton value="Reserve" disabled="#{login.mayReserve == false}" immediate="true"
        title="To set an available number to the Reserved state." render="selectCustomer" >
    <f:setPropertyActionListener target="#{managementController.menuAction}" value="Reserve" />
    <a4j:ajax event="click" oncomplete="#{rich:component('selectCustomer')}.show()" reRender="@all" />
</a4j:commandButton>

我不确定这是什么技术细节，但也许它可以帮助某人继续前进......

Answer 2

显然valueChangeListener 在提交时也被触发了。 context.renderResponse() 行将导致完全跳过调用应用程序阶段。 valueChangeListener 将在初始菜单值与提交的值不同时触发。验证这一点。

无论如何，将这样的同步下拉菜单与对同一表单中其他输入字段的验证结合起来确实是一个皮塔饼。所以长话短说，这里只是一个链接：populate child menus (in JSF)。