选项卡中的 PrimeFaces 按钮无法导航

Question

我正在使用 JSF 2.0、NetBeans 6.9.1、GlassFish 3.1、Mojarra 2.0.3 和 PrimeFaces 2.2-RC2 开发此项目。

我的问题类似于这个问题，但即使我能够我的一个按钮起作用，另一个则不起作用。这是我的情况：我有一个数据表，其中有一列包含两个链接，一个用于编辑行数据，一个用于查看行数据。单击“编辑”或“查看”链接会将您带到一个详细信息页面，其中 组件内有 组件。我的详细信息页面有两个 组件，一个用于编辑，一个仅用于查看数据。您看到哪一个取决于 语句。页面上第一个 中的按钮（我的意思是首先从顶部向下操作）按我希望的方式工作，这恰好是“编辑“ 成分。另一个 中的按钮不起作用。我设置了断点并通过了调试器，无论我尝试什么，第二个按钮似乎都不会触发 ActionEvent。这是我的页面代码：

            <ui:define name="metadata">
                <f:metadata>
                    <f:viewParam name="id" value="#{userDetailBean.selectedUserId}" />
                    <f:viewParam name="action" value="#{userDetailBean.view}" />
                </f:metadata>


            </ui:define>


            <ui:define name="main_base_content_top">
                <h:form>
                    <p:toolbar>
                        <p:toolbarGroup align="left">
                            <h:commandButton value="Return to User List" action="user_grid" />
                        </p:toolbarGroup>
                    </p:toolbar>
                </h:form>
            </ui:define>

            <ui:define name="main_base_content">

                    <c:if test="#{empty userDetailBean.view}">
                        <h:form>
                        <table align="center">
                            <tr>
                                <td>
                                    <p:tabView>
                                        <p:tab title="#{msgs.UserDetailTabTitle}">
                                            <h:panelGrid columns="4">
                                                <h:outputLabel value="#{msgs.UserDetailFirstName}" for="fname" />
                                                <h:inputText id="fname" value="#{userDetailBean.firstName}" />
                                                <h:outputLabel value="#{msgs.UserDetailJobTitle}" for="jtitle" />
                                                <h:inputText id="jtitle" value="#{userDetailBean.jobTitle}" />
                                                <h:outputLabel value="#{msgs.UserDetailLastName}" for="lname" />
                                                <h:inputText id="lname" value="#{userDetailBean.lastName}" />
                                                <h:outputLabel value="#{msgs.UserDetailEmployeeId}" for="empid" />
                                                <h:inputText id="empid" value="#{userDetailBean.id}" />
                                                <h:outputLabel value="#{msgs.UserDetailDateOfHire}" for="doh" />
                                                <h:inputText id="doh" value="#{userDetailBean.DOH}" />
                                                <h:outputLabel value="#{msgs.UserDetailLocation}" for="location" />
                                                <h:inputText id="location" value="#{userDetailBean.location}" />
                                                <h:outputLabel value="#{msgs.UserDetailStatus}" for="status" />
                                                <h:inputText id="status" value="#{userDetailBean.status}" />
                                                <h:inputHidden /> <h:inputHidden /> <h:inputHidden /> <h:inputHidden /> <h:inputHidden />
                                                &nbsp;
                                                <h:outputLabel value="#{msgs.UserDetailComments}" for="comments" />
                                                <h:inputTextarea id="comments" value="#{userDetailBean.comments}" />
                                                <h:inputHidden />
                                                <p:commandButton ajax="false" action="#{userDetailBean.submitChanges()}" value="Submit Changes" />
                                            </h:panelGrid>
                                        </p:tab>
                                    </p:tabView>
                                </td>
                            </tr>

                        </table>
                        </h:form>
                    </c:if>
                    <c:if test="#{! empty userDetailBean.view}">
                        <h:form>
                        <table align="center">
                            <tr>
                                <td>
                                    <p:tabView>
                                        <p:tab title="#{msgs.UserDetailViewTabTitle}">
                                            <h:panelGrid columns="4">
                                                <h:outputLabel value="#{msgs.UserDetailFirstName}" for="fname" />
                                                <h:outputText id="fname" value="#{userGridBean.selectedUser.firstName}" />
                                                <h:outputLabel value="#{msgs.UserDetailJobTitle}" for="jtitle" />
                                                <h:outputText id="jtitle" value="#{userGridBean.selectedUser.jobTitle}" />
                                                <h:outputLabel value="#{msgs.UserDetailLastName}" for="lname" />
                                                <h:outputText id="lname" value="#{userGridBean.selectedUser.lastName}" />
                                                <h:outputLabel value="#{msgs.UserDetailEmployeeId}" for="empid" />
                                                <h:outputText id="empid" value="#{userGridBean.selectedUser.id}" />
                                                <h:outputLabel value="#{msgs.UserDetailDateOfHire}" for="doh" />
                                                <h:outputText id="doh" value="#{userGridBean.selectedUser.DOH}" />
                                                <h:outputLabel value="#{msgs.UserDetailLocation}" for="location" />
                                                <h:outputText id="location" value="#{userGridBean.selectedUser.location}" />
                                                <h:outputLabel value="#{msgs.UserDetailStatus}" for="status" />
                                                <h:outputText id="status" value="#{userGridBean.selectedUser.status}" />
                                                <h:inputHidden /> <h:inputHidden /> <h:inputHidden /> <h:inputHidden /> <h:inputHidden />
                                                &nbsp;
                                                <h:outputLabel value="#{msgs.UserDetailComments}" for="comments" />
                                                <h:outputText id="comments" value="#{userGridBean.selectedUser.comments}" />
                                                <h:inputHidden /> <h:inputHidden /> <h:inputHidden />
                                                <p:commandButton onclick="submit()" ajax="false" action="#{userDetailBean.navigation()}" value="Retur to User Grid" />
                                            </h:panelGrid>
                                        </p:tab>
                                    </p:tabView>
                                </td>
                            </tr>
                        </table>
                        </h:form>
                    </c:if>                 

            </ui:define>
        </ui:composition>        
    </body>

我已经尝试了我能想到的第二个按钮的所有方法： ajax="false"; onclick="提交()"; ajax=“假”onclick=“提交”；我尝试过使用重定向的隐式导航以及使用重定向的导航规则。操作方法 userDetailBean.submitChanges() 和 userDetailBean.navigate() 都返回相同的字符串，该字符串对应于我的 faces-config 文件中的导航规则。 SubmitChanges 方法被调用，但我的导航方法没有被调用。此时我不会在字段中填充任何数据，我只是想让基本导航正常工作。为什么我的第二个 tabView 上的 commandButton 不起作用？

Answer 1

未调用命令按钮的另一个原因是按钮或其父级之一的 rendered 属性在表单提交的应用请求值阶段评估为 false。

实际上没有，但是这些 标记仅在视图构建时间而不是视图渲染时间期间执行类似的操作。视图参数不会在构建视图期间应用，而仅在构建视图之后应用。这正是 #{userDetailBean.view} 始终为空的原因。

我从未在 中使用过这样的构造，但我也有过类似的视图，其中这一切都只适用于 @ViewScoped bean，其中渲染属性应用于完整的 JSF 组件，而不是 。

第一步，删除 并将其测试移至 的 rendered 属性中他们正在包装：

<h:form rendered="#{empty userDetailBean.view}">
    ...
</h:form>
<h:form rendered="#{not empty userDetailBean.view}">
    ...
</h:form>

如果徒劳（我猜这会失败，因为您没有使用ajax并且未保留viewparams）并且bean确实是@RequestScoped，那么您需要标记它@ViewScoped 保留渲染条件。

相关问题：

• JSF h:commandLink 未被调用

---

与问题无关，我宁愿使用 而不是 来“填充”空单元格桌子。它们的编码和解码成本更低，而且 HTML 效果更好。