jsf - 如何在 JSF 的 Tab 中包含表单页面

Question

在我的 JSF 页面中，我有 Tab。在选项卡内我有数据表和按钮。我的要求是当我单击选项卡内的按钮时，应该显示一个新的表单页面，并且应该隐藏数据表，并且在填写所有详细信息后，当我再次单击保存按钮时，数据表应该出现在该表单页面中。我正在使用 JSF2.0、PrimeFaces 3.2、DK 1.5 和 Tomcat 7。

Answer 1

将它们都放在视图中并使用rendered属性在组件之间切换。

例如

<h:form>
    <h:panelGroup rendered="#{not bean.showForm}">
        <h:dataTable ... />
        ...
        <h:commandButton value="Submit table" action="#{bean.submitTable}">
            <f:ajax execute="@form" render="@form" />
        </h:commandButton>
    </h:panelGroup>

    <h:panelGroup rendered="#{bean.showForm}">
        <h:inputText ... />
        ...
        <h:commandButton value="Submit form" action="#{bean.submitForm}">
            <f:ajax execute="@form" render="@form" />
        </h:commandButton>
    </h:panelGroup>
</h:form>

用这个在一个@ViewScopedbean中：

private boolean showForm;

public void submitTable() {
    // ...
    showForm = true;
}

public void submitForm() {
    // ...
    showForm = false;
}