使用 p:commandbutton 提交多个表单

Question

我想用一个提交按钮提交多个表单。我有多个表单，因为每个 p:fileUpload 都需要一个自己的表单（在高级模式下）。

这是我的提交按钮的代码：

<h:form id="form1">...</h:form>
<h:form id="form2">...</h:form>
<h:form>
    <p:commandButton value="Save" widgetVar="saveButtonBottom"
    action="#{bean.submit}" ajax="false"
    process=":form1,:form2,@this" />
</h:form>

它确实调用了 bean.submit()，但它不处理其他表单。也许我对处理的理解是错误的，但我想如果我把一个表单放入“处理”，那么它就会被提交。

知道如何让它工作吗？

Answer 1

这就是 HTML 的局限性。只有包含在当前表单（其中调用了命令）中的输入数据将被发送到服务器端。至于process 属性，它只标识提交的数据到达后必须由JSF处理的部分。

知道如何让它工作吗？

将所有相关数据放在同一个表格中。如有必要，只需使用单个 <p:fileUpload> 并支持多个文件选择。

Answer 2

把这个放在form2里面：

<p:remoteCommand name="sendAjaxicalPGfilter"
update="form2:minMaxTable"
action="#{OptimizationSettingsBean.handleProductGroupChange}"  />

在 form1 命令按钮上调用它

<p:commandButton value="Done"
oncomplete="selectedSettingDlg.hide();" onstart="sendAjaxicalPGfilter();"
ajax="true" action="#{CreateSourcingPlanBean.dummy}" 
                            update=":form1:assignmentList" >
                </p:commandButton>

Answer 3

正如 BalusC 正确指出的那样，您只能在一个请求中提交一个表单。但是，您可以一键调用多个请求：

<p:commandButton value="Save" widgetVar="saveButtonBottom"
    action="#{bean.submit}" ajax="false" onstart="form1submitbutton.getJQ().click();form2submitbutton.getJQ().click()"
    process="@form" />

您必须意识到这将导致您的服务器同时处理多个请求，并且无法保证请求处理顺序。这会使验证和后端数据处理变得棘手。您可以尝试通过使用 oncomplete 处理程序并以这种方式依次触发表单提交来解决此问题，但这仍然意味着您的表单数据将被一个接一个地发送到服务器。

此外，上述方法仅在您的表单通过 ajax 提交时才有效。

Answer 4

在你的

<p:commandButton value="Save" widgetVar="saveButtonBottom"
    action="#{bean.submit}" ajax="false"
    process=":form1,:form2,@this" />

将属性：partialSubmit="true" 和机会ajax="false" 添加到ajax="true"

<p:commandButton partialSubmit="true" value="Save" widgetVar="saveButtonBottom"
    action="#{bean.submit}" ajax="true"
    process=":form1,:form2,@this" />