如何根據<p：selectOneButton>動態地更改<p:dataTable>的值？

Question

我有不同類型的3個數據表，我想在一個<p:dataTable>來顯示它們取決於所按這樣的<p:selectOneButton>：

• 如果用戶點擊「按鈕1」，我想顯示list1在<p:dataTable>
• 如果用戶點擊 「按鈕2」，我想在<p:dataTable>

這裏顯示list2的觀點：

<p:selectOneButton value="#{managedBean.perspective}"> 
    <f:selectItem itemLabel="Button 1" itemValue="1" /> 
    <f:selectItem itemLabel="Button 2" itemValue="2" /> 
    <f:selectItem itemLabel="Button 3" itemValue="3" /> 
    <f:ajax event="change" render="table" /> 
</p:selectOneButton> 

<p:dataTable id="table" value="#{managedBean.list}" var="object"> 
    <p:column headerText="title"> 
     ... 
    </p:column> 
</p:dataTable> 

這裏的模型：

private List<Object1> list1 = new ArrayList<Object1>(); 
private List<Object2> list2 = new ArrayList<Object2>(); 
private List<Object3> list3 = new ArrayList<Object3>(); 

我怎麼能重複使用對象的不同列表相同<p:dataTable>？

Answer 1

你需要有對象的屬性集合以便您可以使用<p:columns>動態生成列。

E.g.

<p:selectOneButton value="#{bean.type}"> 
    <f:selectItem itemLabel="Button 1" itemValue="1" /> 
    <f:selectItem itemLabel="Button 2" itemValue="2" /> 
    <f:selectItem itemLabel="Button 3" itemValue="3" /> 
    <p:ajax listener="#{bean.change}" update="table" /> 
</p:selectOneButton> 

<p:dataTable id="table" value="#{bean.list}" var="object"> 
    <p:columns value="#{bean.properties}" var="property"> 
     #{object[property]} 
    </p:columns> 
</p:dataTable> 

與

private static final List<String> OBJECT1_PROPERTIES = Arrays.asList("property1", "property2", "property3"); 
private static final List<String> OBJECT2_PROPERTIES = Arrays.asList("foo", "bar"); 
private static final List<String> OBJECT3_PROPERTIES = Arrays.asList("p1", "p2", "p3", "p4", "p5"); 

private List<Object1> list1 = new ArrayList<Object1>(); 
private List<Object2> list2 = new ArrayList<Object2>(); 
private List<Object3> list3 = new ArrayList<Object3>(); 

private String type; 
private List<?> list; 
private List<String> properties; 

public void change() { 
    if ("1".equals(type)) { 
     list = list1; 
     properties = OBJECT1_PROPERTIES; 
    } 
    // ... 
} 

Answer 2

添加valueChangeListener爲p:selectOneButton：

監聽器例如：

public void yourListener(ValueChangeEvent event) { 
    String newValue = (String) event.getNewValue(); 

    if ("1".equals(newValue){ 
     list = list1; 
    } else if ("2".equals(newValue){ 
     list = list2; 
    }else if ("3".equals(newValue){ 
     list = list3; 
    } 
} 

和p:selectOneButton設置：

<f:ajax update="table" />