在 Primefaces 中使用按钮隐藏和显示 dataTable 列

Question

我得到一个包含很多内容的数据表。对于每一行，我在最后一列得到一个 iFrame-Link。基于这些链接，页面需要很长时间才能加载。
现在我想隐藏此列以获得更快的加载。用户应该能够显示带有按钮的列。但我怎么能意识到这一点？以下是专栏内容：

<p:commandButton value="Show book">
  <f:setPropertyActionListener value="true" target="#{rollCommunityBean.renderPhoneColumn}" />
</p:commandButton>

<p:column exportable="false" rendered="#{rollCommunityBean.renderPhoneColumn}">
  <f:facet name="header">
    <h:outputText value="Link" />
  </f:facet>

  <p:lightBox iframe="true" width="750pt" height="650pt">
    <h:outputLink rendered="#{member.username.length() > 0}" value="url" title="#{member.username} - #{member.name} #{member.vorname}">
      <h:outputText icon="ui-icon-person" value="Telefonbuch" />
    </h:outputLink>
  </p:lightBox>
</p:column>

RollCommunityBean

public class RollCommunityBean {
    /*
     * All rendering Booleans
     */

    // For the Phonebook iFrame Column
    private boolean renderPhoneColumn;

    /*
     * All Getter and Setter for the rendering Booleans
     */
    public boolean getRenderPhoneColumn() {
        return renderPhoneColumn;
    }

    public void setRenderPhoneColumn(boolean renderPhoneColumn) {
        this.renderPhoneColumn = renderPhoneColumn;
    }
}

Answer 1

p:column 具有rendered 属性，因此您可以控制其渲染。你应该添加这个属性：

<p:column exportable="false" rendered="#{myBean.renderIframeColumn}">

并添加将您的属性设置为 true 的按钮：

<p:commandButton value="Show column" update="table1">
  <f:setPropertyActionListener value="true" target="#{myBean.renderIframeColumn}"/>
</p:commandButton>

在托管 bean 中，您应该有 boolean renderIframeColumn 属性：

private boolean renderIframeColumn;

// getter and setter

注意：在 Primefaces 3.5 中，p:lightBox 的加载是惰性的，因此 iframe 将在显示时立即加载。所以如果你可以升级到 PF 3.5。