许多开发JSF的朋友可能会遇到这样的问题,如果DataTable的列不固定,需要动态生成, 应该如何实现呢。
假设FacesConfig中配置一个名为bean的MBean,该MBean中需定义一个类型为javax.faces.component.html.HtmlDataTable类型的变量dt,页面中的DataTable设置bingding="#{bean.dt}".
首先了解一下JSF中DataTable的渲染方式:
DataTable
--
--List
----
------
----List |
因此,要在后台变更DataTable的状态,可以用dt.setHeader(UIComponent)设置DataTable的表头,然后可以往dt.getChildren()中添加HtmlColumn类型的列,同样,列中也可以由Header和Children组成。
代码实现如下:
private void initialReportTable(List 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表达式。
【责编:Ken】
--------------------next---------------------
阅读(415) | 评论(0) | 转发(0) |