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条件也会被重新计算。由于缺少请求参数，因此计算结果为false，因此不会处理命令按钮组件，因此不会调用关联的操作。

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

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

(请注意，我已经将actionListener替换为action，并删除了double f:ajax listener，我不知道您在想什么，但我将假设它是在黑暗中未经深思熟虑的萌芽的残余)

另请参阅：

• commandButton/commandLink/ajax action/listener method not invoked or input value not updated - point 5.