使用 <p:commandButton> 操作重新加载 <p:tab> 信息

Question

我有一个带有 2 个标签的 <p:tabView>。第一个包含学生详细信息，第二个包含所有学生的表格。

<p:tab title="List">
    <p:dataTable id="studentsTable" value="#{studentMB.allStudents}" var="student">
        <p:column>
            <f:facet name="header"><h:outputText value="ID"/></f:facet>
            <h:outputText value="#{student.id}"/>
        </p:column>
        <p:column>
            <f:facet name="header"><h:outputText value="Name"/></f:facet>
            <h:outputText value="#{student.name}"/>
        </p:colum>
        <p:column>
            <p:commandButton value="Details" onclick="tabVar.select(0);" />
        </p:column>
    </p:dataTable>
</p:tab>

当按下表格中的“详细信息”按钮时，我想在第一个选项卡中显示所选学生。我怎样才能做到这一点？

Answer 1

Primefaces tabview 有 activeIndex 属性，你可以绑定到 bean 变量：

<p:tabView id="tabView" activeIndex="#{studentMB.tabindex}">

在每个 commandButton 操作中，您传递值以确定学生。

<p:commandButton update=":tabView" value="Details" actionListener="#{studentMB.handUpdate(student)}" />

豆子：

public void handUpdate(StudentType stValue){
        // get student detail
    }

（对不起我的英语）