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

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)。