如何使用按钮或命令按钮折叠 primefaces 数据表？

Question

我想通过单击命令按钮来显示或隐藏 primefaces 数据表，我有一个 java bean，我可以调用 java 函数dashboardView.displayOrHide()。我不知道如何做到这一点。

我想显示或隐藏数据表，可以通过单击按钮将其折叠或不折叠，并将数据表的状态保存在 java bean 中

我的 Primefaces 版本是 6.0.15。

我的 JSF/xhtml 代码：

<p:commandButton value="Show Or Hide" id="ajax" action="#{dashboardView.displayOrHide}" style="margin-right:20px;" styleClass="ui-priority-primary" />

<p:dataTable id="item_#{synopticLocationBean.id}" var="synopticIdBean" value="#{synopticLocationBean.synopticIdBeans}">
   <p:column headerText="Famille">
       <h:outputText value="#{synopticIdBean.family}" />
   </p:column>

   <p:column headerText="BT">
      <h:outputText value="#{synopticIdBean.brNumber}"/>
   </p:column>
</p:dataTable>

我的 Java 代码，但我不知道在这里做什么：

public void buttonAction() {
   System.out.println("test ash retor ana");
}

目前我使用带有按钮的 javascript 函数

并使用 displayTabInformation js 函数隐藏或显示我的数据表：

function displayTabInformation(id,dataTableId){

    var divDisplay = dataTableId.style.display;

    if(divDisplay === ''){
        dataTableId.style.setProperty('display', 'none');
    }else if(divDisplay === 'none'){
        dataTableId.style.setProperty('display', 'block');
    }else{
        if(divDisplay === 'visible'){
            dataTableId.style.setProperty('display', 'none');
        }else{
            if(divDisplay === 'block'){
                dataTableId.style.setProperty('display', 'none');
            }
        }
    }
}

我想用 java bean 做同样的功能来保存显示或隐藏的数据库。

Answer 1

我添加了一个命令按钮，该按钮从 Java 托管 bean 调用函数。我有一个布尔标志，用于数据表的“渲染”，在 showOrHideLocation 函数中设置为 true 或 false。

我不知道如何从我的 Java 托管 bean 刷新我的 JSF 页面

<p:commandButton value="#{synopticLocationBean.name}" update="item_#{synopticLocationBean.id}" action="#{dashboardView.dashboardService.showOrHideLocation(synopticLocationBean.id)}" styleClass="ui-priority-primary" ajax="true" />

<p:dataTable id="item_#{synopticLocationBean.id}" var="synopticIdBean" value="#{synopticLocationBean.synopticIdBeans}"
    sortBy="#{synopticIdBean.longEnteredTime}" sortOrder="ascending"
    rowStyleClass="#{synopticIdBean.alarm eq true ? 'old' : null}"
    rendered="#{synopticLocationBean.collapseDataTable eq true}">

    <p:column headerText="Famille">
        <h:outputText value="#{synopticIdBean.family}" />
    </p:column>

    <p:column headerText="BT">
        <h:outputText value="#{synopticIdBean.brNumber}"/>
    </p:column>

我的 Java showOrHideLocation 函数：

public void showOrHideLocation(String id) {

    SynopticLocationBean synopticLocationBean = getLocation(id);
    boolean isCollapsed = synopticLocationBean .getCollapseDataTable();
    location.setCollapseDataTable(!isCollapsed);

//TODO How can i refresh my JSF page with my java bean ?
}