How to use HtmlDataTable in JSF

Question

Hi,
I am going to use HtmlDataTable in a bean. The scenario like this: User submit a symbol (a String) then get stock history information corresponding to this symbol. I put the stock history information in an Arraylist, every element of this Arraylist is a java bean, which contains historical information for this stock according to the time.
The java bean:
public class StockHistory {
     private String symbol;
     private String date;
     private long dayVolume;
     private double openPrice;
     private double closePrice;
     private double dayHighPrice;
     private double dayLowPrice;
     public String getSymbol()
          return symbol;
     public void setSymbol(String Symbol)
          this.symbol = Symbol;
     public String getDate()
          return date;
     public void setDate(String date)
          this.date = date;
     public long getDayVolume()
          return dayVolume;
     public void setDayVolume(long dayVolume)
          this.dayVolume = dayVolume;
     public double getOpenPrice()
          return openPrice;
     public void setOpenPrice(double openPrice)
          this.openPrice = openPrice;
     public double getClosePrice()
          return closePrice;
     public void setClosePrice(double closePrice)
          this.closePrice = closePrice;
     public double getDayHighPrice()
          return dayHighPrice;
     public void setDayHighPrice(double dayHighPrice)
          this.dayHighPrice = dayHighPrice;
     public double getDayLowPrice()
          return dayLowPrice;
     public void setDayLowPrice(double dayLowPrice)
          this.dayLowPrice = dayLowPrice;
}The Arraylist:
ArrayList data = new ArrayList( 100 );
Collection threadSafeList = Collections.synchronizedCollection( data );
StockHistory stock = new StockHistory();
stock.setSymbol("IBM");
stock.setDate("01/01/2000");
stock.setDayVolume(100000);
stock.setOpenPrice(76.08);
stock.setClosePrice(78.08);
stock.setDayLowPrice(75.05);
stock.setDayHighPrice(79.93);
data.add(stock);
stock.setSymbol("IBM");
stock.setDate("01/01/2002");
stock.setDayVolume(100300);
stock.setOpenPrice(86.08);
stock.setClosePrice(88.08);
stock.setDayLowPrice(85.05);
stock.setDayHighPrice(89.93);
data.add(stock););
I set HTMLDataTable lke:
// DataTable
historyDataTable = new HtmlDataTable();
// Column1
UIColumn columnComponent  = new UIColumn();
List childrenList = historyDataTable.getChildren();
childrenList.add(columnComponent);
// Header information 1
HtmlOutputText headerComponent = new HtmlOutputText();
headerComponent.setValue("symbol");
columnComponent.setHeader(headerComponent);
// Column 2
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 2
headerComponent = new HtmlOutputText();
headerComponent.setValue("date");
columnComponent.setHeader(headerComponent);
// Column3
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 3
headerComponent = new HtmlOutputText();
headerComponent.setValue("dayVolume");
columnComponent.setHeader(headerComponent);
// Column 4
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 4
headerComponent = new HtmlOutputText();
headerComponent.setValue("openPrice");
columnComponent.setHeader(headerComponent);        
// Column5
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 5
headerComponent = new HtmlOutputText();
headerComponent.setValue("closePrice");
columnComponent.setHeader(headerComponent);
// Column 6
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 6
headerComponent = new HtmlOutputText();
headerComponent.setValue("dayHighPrice");
columnComponent.setHeader(headerComponent);
// Column 7
columnComponent  = new UIColumn();
childrenList.add(columnComponent);
// Header information 7
headerComponent = new HtmlOutputText();
headerComponent.setValue("dayLowPrice");
columnComponent.setHeader(headerComponent);
//get data
ArrayList list=history(symbol);
list=(ArrayList) columnComponent.getChildren();
for(int i=1; i<=list.size(); i++)
     HtmlOutputText rowComponent = new HtmlOutputText();
     rowComponent.setValue("Row"+i);
     rowComponent.setId("Row"+i);
     list.add(rowComponent);
// DataModel
ListDataModel listDataModel = new ListDataModel();
listDataModel.setWrappedData(list);The JSP code to display this table
<h:dataTable id="Historytable" value="#{stockHistoryBean.historyDataTable}" var="varstockHistory" styleClass="dataTable" headerClass="headerClass" footerClass="footerClass" rowClasses="rowClass1" columnClasses="columnClass1" border="0" cellpadding="2" cellspacing="0" binding="#{stockHistoryBean.historyDataTable}">
<h:column id="column1" >
<f:facet name="header">
<h:outputText styleClass="outputText" value="DATE" id="col1text1"></h:outputText>
</f:facet>
<h:outputText id="col1text2" value="#{varstockHistory.symbol}" styleClass="outputText" >
<f:convertDateTime/>
</h:outputText>
</h:column>
               <h:column id="column2" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="DATE" id="col2text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col2text2" value="#{varstockHistory.date}" styleClass="outputText" >
                    <f:convertDateTime/>
                    </h:outputText>
               </h:column>
               <h:column id="column3" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="Dayvolume" id="col3text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col3text2" value="#{varstockHistory.dayVolume}" styleClass="outputText" >
                    <f:convertNumber/>
                    </h:outputText></h:column>
                    <h:column id="column4" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="Openprice" id="col4text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col4text2" value="#{varstockHistory.openPrice}" styleClass="outputText" >
                    <f:convertNumber/>
                    </h:outputText>
               </h:column>
               <h:column id="column5" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="Closeprice" id="col5text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col5text2" value="#{varstockHistory.closePrice}" styleClass="outputText" >
                    <f:convertNumber/>
                    </h:outputText>
               </h:column>
               <h:column id="column6" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="Dayhighprice" id="col6text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col6text2" value="#{varstockHistory.dayHighPrice}" styleClass="outputText" >
                    <f:convertNumber/>
                    </h:outputText>
               </h:column>
               <h:column id="column7" >
                    <f:facet name="header">
                    <h:outputText styleClass="outputText" value="Daylowprice" id="col7text1"></h:outputText>
                    </f:facet>
                    <h:outputText id="col7text2" value="#{varstockHistory.dayLowPrice}" styleClass="outputText" >
                    <f:convertNumber/>
                    </h:outputText>
               </h:column>
     </h:dataTable>The problem is when I tried to run, there is this page is not display. But if I remove the HTMLDataTable part from both bean class and JSP, then it works correctly. So much be something wrong with using HTMLDataTable.
Really appreciate your help

Answer 1

You should write your own JSF component that generates html frame as you need or
download already written custom component that generates html frame.