jsf - jsf中的命令按钮

Question

在我的代码中，当我将它放在第二个或第三个 PanelGroup 中时，CommandButton 操作不起作用。它仅在我放入第一个 PanelGroup 时才有效。我的代码如下所示。可能是什么问题？

<ui:define name="pageLocations">
    <h:panelGroup layout="block" id="pageLocations">
        <c:if test="#{param.typeTab == null &amp;&amp; param.relationTab == null &amp;&amp; param.propertyTab == null}">
            <ui:param name="defaultHeaderTitle" value="Properties"/>
            <!--<h:outputText value="Properties" />--> 
        </c:if>
        <p class="breadcrumb">Admin <ezcomp:out value="raquo" /> 
            Fields <ezcomp:out value="raquo" /> 
            <strong>
                #{param.pageHeaderTitle}#{defaultHeaderTitle} 
            </strong>
        </p>
    </h:panelGroup>
</ui:define>
<!--<ui:define></ui:define>-->
<ui:define name="pageHeaderTitle">
    <h:outputText value="#{param.pageHeaderTitle}#{defaultHeaderTitle}" id="soso" /> 
</ui:define>

<ui:define name="sidemenu">
    <ui:param name="fieldsPage" value="active"/>
</ui:define>

<ui:define name="admin-content">
    <h:form prependId="false">
        <h:panelGroup layout="block" class="well well-small" id="mainPanel">
            <h:panelGroup layout="block" class="row-fluid">
                <div class="span1"><ezcomp:out value="nbsp"/></div>
                <div class="span4">
                    <ul class="nav nav-pills" style="margin-top:4px;margin-bottom:0">
                        <c:if test="#{param.typeTab == null &amp;&amp; param.relationTab == null &amp;&amp; param.propertyTab == null }">
                            <ui:param name="default" value="active"/>
                            <ui:param name="defaultHeaderTitle" value="Properties"/>
                        </c:if>
                        <li class="#{param.propertyTab} #{default}">
                            <p:commandLink  value="Properties" immediate="true" update="mainPanel,fields,:soso,:pageLocations" >
                                <f:param name="propertyTab" value="active"/>
                                <f:param name="pageHeaderTitle" value="Properties"/> 
                            </p:commandLink>
                        </li>
                        <li class="#{param.typeTab}">
                            <p:commandLink  value="Types" immediate="true" async="true" update="mainPanel,fields,:soso,:pageLocations" >
                                <f:param name="typeTab" value="active"/>
                                <f:param name="pageHeaderTitle" value="Types"/>
                            </p:commandLink>
                        </li>
                        <li class="#{param.relationTab}">
                            <p:commandLink value="Fields Relations" immediate="true" update="mainPanel,fields,:soso,:pageLocations">
                                <f:param name="relationTab" value="active"/>
                                <f:param name="pageHeaderTitle" value="Fields Relations"/>
                            </p:commandLink>
                        </li>
                    </ul>
                </div>

            </h:panelGroup>
        </h:panelGroup>
        <h:panelGrid id="fields" width="100%">

            <h:panelGroup layout="block" rendered="#{param.propertyTab == 'active' || default == 'active' }">
                <ui:include src="property/properties.xhtml"></ui:include>
            </h:panelGroup>
            <h:panelGroup layout="block" rendered="#{param.typeTab == 'active'}">
                <ui:include src="type/types.xhtml"></ui:include>
            </h:panelGroup>
            <h:panelGroup layout="block" rendered="#{param.relationTab == 'active'}">
                <ui:include src="fields-relations.xhtml"></ui:include>
                <h:commandButton value="Create" actionListener="#{fieldsRelationsController.createRelations()}"  >
                    <f:ajax listener="#{fieldsRelationsController.createRelations()}"/>
                </h:commandButton>

            </h:panelGroup>

        </h:panelGrid>

    </h:form>
</ui:define>

Answer 1

这是因为这些面板组是根据命令按钮发起的后续 POST 请求中不再存在的请求参数有条件地呈现的。

当 JSF 处理 POST 请求时，rendered还会重新评估条件。由于缺少请求参数，它会计算false，因此不会处理命令按钮组件，因此不会调用关联的操作。

要解决这个问题，您需要在命令按钮的 a 中传递负责计算rendered属性结果的请求参数。<f:param>

<h:commandButton value="Create" action="#{fieldsRelationsController.createRelations}">
    <f:ajax />
    <f:param name="relationTab" value="active"/>
</h:commandButton>

（请注意，我已经替换了actionListenerbyaction并删除了 double f:ajax listener，我不知道你在想什么，但我会假设它是在黑暗中粗心拍摄的剩余物）

也可以看看：

• 未调用 commandButton/commandLink/ajax 操作/侦听器方法或未更新输入值- 第 5 点。