JSF動態爲DataTable添加列

開發JSF的朋友可能會遇到這樣的問題，如果DataTable的列不固定，需要動態生成， 該如何實現呢。

假設FacesConfig中配置一個名爲bean的MBean，該MBean中需定義一個類型爲javax.faces.component.html.HtmlDataTable類型的變量dt，頁面中的DataTable設置bingding="#{bean.dt}"。

首先了解一下JSF中DataTable的渲染方式：

DataTable

--<Header> UIComponent

--<Children>List<HtmlColumn>

----<HtmlColumn>

------<Header>UIComponent

----<Children>List<UIComponent>

因此，要在後臺變更DataTable的狀態，可以用dt.setHeader(UIComponent)設置DataTable的表頭，然後可以往dt.getChildren()中添加HtmlColumn類型的列，同樣，列中也可以由Header和Children組成。代碼實現如下：

private void initialReportTable(List<ExcelReport> reportList) ...{
dt.getChildren().clear();
for (ExcelReport report : reportList) ...{
HtmlColumn column = new HtmlColumn();
HtmlOutputText header = new HtmlOutputText();
header.setValueExpression("value",
getValueExpression("#{rmaReport.captions.c"
+ report.getPosition() + "}"));
column.setHeader(header);

HtmlOutputText value = new HtmlOutputText();
String ve = getVEString(report);
System.out.println(report.getCaption() + " : " + ve);
value.setValueExpression("value", getValueExpression(ve));
column.getChildren().add(value);

dt.getChildren().add(column);
}
}其中，動態建立控件的方法爲直接創建一個控件，然後通過ValueExpression來設置控件在運行時顯示的值，如果是Column中的數據，則可以使用#{tableVar.ColumnName}格式的EL表達式。