提交弹出面板内容，丰富：popupPanel

Question

我正在尝试在另一个具有提交/操作事件的面板内的弹出面板中提交值。但在打开弹出面板之前，我需要在托管 bean 上调用一个函数来创建一个新的实体对象。外部面板具有唯一的 h:form，因为您无法嵌套它们。我已将弹出面板包装在 a4j:region 中，以便在用户提交弹出面板内的值时仅提交这部分。这可以工作，但不能执行弹出面板执行时需要调用的准备函数。我尝试过 a4j:commandLink 但该组件不能与 rich:popupPanel 一起工作（很奇怪，因为它们都是 Richfaces 组件？！）。所以我必须中继 h:commandLink 并使用 ajax。

当打开/呈现弹出面板的链接触发时，如何调用托管 Bean 上的函数？

（正确的模式是什么？）

PS。最初的问题已经改变，但在弹出面板中提交值的问题没有改变。

xhtml 文件的一部分：

<h.form>
...
<a4j:region>
      <rich:popupPanel id="popup_sys_user_req" modal="false" autosized="true" resizeable="false">
                        <f:facet name="header">
                            <h:outputText value="Request New Sector/Category" />
                        </f:facet>
                        <f:facet name="controls">
                            <h:outputLink value="#"
                                          onclick="#{rich:component('popup_sys_user_req')}.hide(); return false;">
                                X
                            </h:outputLink>
                        </f:facet>
                        <h:panelGrid columns="2">
                            <h:outputLabel value="Request New:" />
                            <h:selectOneMenu id="sys_req_type" value="#{userController.selectedSysUserRequest.sysrequesttype}" required="true" >
                                <f:selectItems value="#{userController.getSysRequestTypeItems('SECTOR_CATEGORY')}">
                                </f:selectItems>
                            </h:selectOneMenu>
                            <h:outputLabel value="Description:" />
                            <h:inputTextarea id="user_req_desc" value="#{userController.selectedSysUserRequest.description(desc)}" required="true" requiredMessage="Decription is missing" />
                        </h:panelGrid>
                        <a4j:commandButton action="#{userController.CreateSysUserRequest()}" value="Send Request" execute="sys_user_req_form" oncomplete="#{rich:component('popup_sys_user_req')}.hide(); return false;"/>
                    </rich:popupPanel>
                </a4j:region>
</h:form>

命令链接（重新编辑）

<h:commandLink actionListener="#{userController.prepareCreateSysRequest}" value="Request New Sector/Category">    
    <f:ajax  execute="popup_sys_user_req @this" render="popup_sys_user_req">
        <rich:componentControl id="popup_ctr" event="click" target="popup_sys_user_req" operation="show"/>
    </f:ajax>                                
</h:commandLink>
----------------------------
//Managed Bean:
public void prepareCreateSysRequest(ActionEvent event ) {
    selectedSysUserRequest = new Sysuserrequest();
    JsfUtil.log("Prepare Create System User Request");
}

这篇文章继续讨论有关弹出面板的内容。 问候克里斯。

Answer 1

如果我理解正确的话，当您调用 someAction1 时，您希望在 popupPanel 内提交所有表单元素，但不在面板外提交？我可以想到两种方法来做到这一点：
1. a4jcommandButton 有一个 limitToList 属性，可以列出服务器上想要更新哪些组件
2. 在第一个表单之外创建 popupPanel，然后使用它自己的表单：

<h:form>
...
<a4j:commandButton action="someAction2"...
</h:form>

<rich:popupPanel>
<h:form>
...
<a4j:commandButton action="someAction1"...
</h:form>
</rich:popupPanel>

更新
如果您使用的是 RichFaces 4，您可以将 limitToList 属性替换为 limitRender

Answer 2

问题是弹出窗口不是 jsf 中表单的子级，您只需使用 domElementAttachment 属性来更改它。所以你的代码看起来像这样：

    <h.form>
...
<a4j:region>
      <rich:popupPanel id="popup_sys_user_req" modal="false" autosized="true" resizeable="false" domElementAttachment="form">
      <f:facet name="header">
...