jsf中的CommandButton

Question

在我的代碼中，將CommandButton操作放入第二個或第三個PanelGroup時不起作用。 它僅在我放入第一個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條件。 由於缺少request參數，它的值為false ，因此不會處理命令按鈕組件，因此不會調用關聯的動作。

要解決此問題，您需要在命令按鈕的<f:param>中傳遞負責計算rendered屬性結果的請求參數。

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

（請注意，我已經用action替換了actionListener ，並且還刪除了雙重f:ajax listener ，我不知道您在想什么，但是我認為它是黑暗中未經考慮的拍攝的殘余）

也可以看看：

• 未調用commandButton / commandLink / ajax操作/偵聽器方法或未更新輸入值 -第5點。