2014-01-24 24 views
2

我必须在单个页面上显示具有动态列的多个动态数量的primefaces数据表。如果每个动态数据表中的列数相同,则一切正常。具有动态列的动态数量的primefaces数据表 - 错误列数

错误的行为发生在不同表中的列数不同时。所有表格显示列表中第一个表格的列数。

测试于:

  • Primefaces:3.4和4.0
  • JSF 2.0

这里是说明该问题的代码:

编辑:下面的代码将不同数量的列分配给不同的表。第一张表应该有8列,第二张应该有7列,依此类推。但是所有的桌子都占据了8列;即它们从第一个表中获取列的数量。

预期输出: 5 datatables。第一个表格有8列,第二个表格7列,第三个表格6列,等等。 Expected Output Screenshot -- This is actually the output on pf 3.3

实际产出: 5个表,全部有8列。显示的数据是正确的。但空的额外列也正在显示,不应该显示。 Actual Output Screenshot

test2.xhtml:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:p="http://primefaces.org/ui"> 

<f:view contentType="text/html"> 
    <h:head> 
    </h:head> 

    <h:body> 

     <h:form> 

      <ui:repeat value="#{tableBean.tables}" var="table"> 

       <p:dataTable id="cars" var="car" value="#{table.carsSmall}" 
        style="font-size: 12px;'width: 70%;"> 
        <p:columns value="#{table.columns}" var="column" 
         columnIndexVar="colIndex"> 
         <f:facet name="header"> 
       #{column.header} 
      </f:facet> 

         <h:outputText value="#{car[column.property]}"></h:outputText> 
        </p:columns> 

       </p:dataTable> 

       <br /> 
      </ui:repeat> 

     </h:form> 

    </h:body> 



</f:view> 
</html> 

TableBean.java

import java.io.Serializable; 
import java.util.ArrayList; 
import java.util.Arrays; 
import java.util.List; 
import java.util.UUID; 

import javax.faces.bean.ManagedBean; 
import javax.faces.bean.ViewScoped; 

@ManagedBean(name = "tableBean") 
@ViewScoped 
public class TableBean implements Serializable 
{ 
    private static final long serialVersionUID = 1L; 
    private final static List<String> VALID_COLUMN_KEYS = Arrays.asList("model", "manufacturer", "year", "color"); 
    private final static String[] colors; 
    private final static String[] manufacturers; 
    private String columnTemplate = "model manufacturer year"; 

    static 
    { 
     colors = new String[10]; 
     colors[0] = "Black"; 
     colors[1] = "White"; 
     colors[2] = "Green"; 
     colors[3] = "Red"; 
     colors[4] = "Blue"; 
     colors[5] = "Orange"; 
     colors[6] = "Silver"; 
     colors[7] = "Yellow"; 
     colors[8] = "Brown"; 
     colors[9] = "Maroon"; 

     manufacturers = new String[10]; 
     manufacturers[0] = "Mercedes"; 
     manufacturers[1] = "BMW"; 
     manufacturers[2] = "Volvo"; 
     manufacturers[3] = "Audi"; 
     manufacturers[4] = "Renault"; 
     manufacturers[5] = "Opel"; 
     manufacturers[6] = "Volkswagen"; 
     manufacturers[7] = "Chrysler"; 
     manufacturers[8] = "Ferrari"; 
     manufacturers[9] = "Ford"; 
    } 

    private List<Car> carsSmall; 
    private List<ColumnModel> columns = new ArrayList<ColumnModel>();; 

    private List<TableBean> tables; 

    public List<TableBean> getTables() 
    { 
     if (tables == null) 
     { 
      tables = new ArrayList<TableBean>(); 
      for (int i = 0; i < 5; i++) 
      { 
       TableBean t = new TableBean(); 

       for (int j = 5; j > i; j--) 
       { 
        t.columnTemplate += " year"; 
        t.createDynamicColumns(); 
       } 
       tables.add(t); 
      } 
     } 

     return tables; 
    } 

    public TableBean() 
    { 
     carsSmall = new ArrayList<Car>(); 

     populateRandomCars(carsSmall, 9); 

     createDynamicColumns(); 
    } 

    private void populateRandomCars(List<Car> list, int size) 
    { 
     for (int i = 0; i < size; i++) 
      list.add(new Car(getRandomModel(), getRandomYear(), getRandomManufacturer(), getRandomColor())); 
    } 

    public List<Car> getCarsSmall() 
    { 
     return carsSmall; 
    } 

    private int getRandomYear() 
    { 
     return (int) (Math.random() * 50 + 1960); 
    } 

    private String getRandomColor() 
    { 
     return colors[(int) (Math.random() * 10)]; 
    } 

    private String getRandomManufacturer() 
    { 
     return manufacturers[(int) (Math.random() * 10)]; 
    } 

    private String getRandomModel() 
    { 
     return UUID.randomUUID().toString().substring(0, 8); 
    } 

    public List<ColumnModel> getColumns() 
    { 
     return columns; 
    } 

    public String[] getManufacturers() 
    { 
     return manufacturers; 
    } 

    public String[] getColors() 
    { 
     return colors; 
    } 

    static public class ColumnModel implements Serializable 
    { 
     private static final long serialVersionUID = 1L; 
     private String header; 
     private String property; 

     public ColumnModel(String header, String property) 
     { 
      this.header = header; 
      this.property = property; 
     } 

     public String getHeader() 
     { 
      return header; 
     } 

     public String getProperty() 
     { 
      return property; 
     } 

     @Override 
     public String toString() 
     { 
      return "[header=" + header + ", property=" + property + "]"; 
     } 
    } 

    public void createDynamicColumns() 
    { 
     String[] columnKeys = columnTemplate.split(" "); 
     columns.clear(); 

     for (String columnKey : columnKeys) 
     { 
      String key = columnKey.trim(); 

      if (VALID_COLUMN_KEYS.contains(key)) 
      { 
       columns.add(new ColumnModel(columnKey.toUpperCase(), columnKey)); 
      } 
     } 
    } 
} 

Car.java:

import java.io.Serializable; 

public class Car implements Serializable 
{ 
    private static final long serialVersionUID = 1L; 
    private String model; 
    private int year; 
    private String manufacturer; 
    private String color; 

    public Car(String model, int year, String manufacturer, String color) 
    { 
     super(); 
     this.model = model; 
     this.year = year; 
     this.manufacturer = manufacturer; 
     this.color = color; 
    } 

    public String getModel() 
    { 
     return model; 
    } 

    public void setModel(String model) 
    { 
     this.model = model; 
    } 

    public int getYear() 
    { 
     return year; 
    } 

    public void setYear(int year) 
    { 
     this.year = year; 
    } 

    public String getManufacturer() 
    { 
     return manufacturer; 
    } 

    public void setManufacturer(String manufacturer) 
    { 
     this.manufacturer = manufacturer; 
    } 

    public String getColor() 
    { 
     return color; 
    } 

    public void setColor(String color) 
    { 
     this.color = color; 
    } 

} 
+0

我无法理解您的问题。你的列模板包含'模型制造商年份',这非常明显,如果你使用Table类对象't.columnTemplate + =“year”来做到这一点,'它会将列年添加到它。这就是它应该如何表现的方式,而这正是它表现的方式。请让我们明白你想要做什么? –

+0

@VinayakPingale其实't.columnTemplate + =“year”'在循环中。它在第一个表中追加5个额外的列,在第二个表中追加4个额外的列,在第三个表中追加3个列等等。因此,第一张表应该有8列,第二张应该有7列,依此类推。但是所有的表格都占用了8列。 –

+0

PS:这是测试代码,而不是实际的代码。这只是在这里,以便任何人都可以立即复制并粘贴并运行此代码以查看输出。 –

回答

2

我认为你应该使用Primefaces 3.3,因为它和我的情况一样按预期显示。 现在,这将工作,但我会尽量让这固定在Primefaces 4.0太。

请查阅附图。 Image