Table 组件使用指南之十六：动态增加Column

运行环境：JDeveloper 11.1.2.2.0 + Oracle Database 10g Express Edition 10.2.0.1。

本实验来自一个客户的真实需求。

由于种种原因，Table的列在设计时无法确定，因此只能在运行时通过程序动态创建Column。

案例1：Table的前两列固定不变， 其后的列不确定。





（1）页面代码

<af:table var="row" rowBandingInterval="0" id="t1" value="#{viewScope.useCase1MB.rowsData}" varStatus="vs"
binding="#{viewScope.useCase1MB.useCase1Table}">
<af:column sortable="true" sortProperty="#{row.id}" headerText="id" id="c1">
<af:outputText value="#{row.id}" id="ot1"/>
</af:column>
<af:column sortable="true" sortProperty="#{row.name}" headerText="Name" id="c2">
<af:outputText value="#{row.name}" id="ot2"/>
</af:column>
<af:forEach begin="0" end="#{viewScope.useCase1MB.numberOfColsToAdd}" varStatus="index">
<af:column sortable="false" headerText="#{viewScope.useCase1MB.columnsHeader[index.current]}"
id="c4">
<af:outputText value="#{row.columnsData[index.current].cellValue}" id="ot4"/>
<f:facet name="header">
<af:outputText value="#{viewScope.useCase1MB.columnsHeader[index.current]}" id="ot3"/>
</f:facet>
</af:column>
</af:forEach>
</af:table>

（2）Managed Bean代码

package view;

import java.util.ArrayList;
import java.util.List;

import model.type.usecase1.ColumnData;
import model.type.usecase1.RowData;

import oracle.adf.model.BindingContext;
import oracle.adf.model.OperationBinding;
import oracle.adf.model.binding.DCBindingContainer;

import oracle.adf.view.rich.component.rich.data.RichTable;

import oracle.binding.BindingContainer;

public class UseCase1ManagedBean {

private RichTable useCase1Table;

private List rowsData = new ArrayList();
private int numberOfColsToAdd = 0;
private List columnsHeader = new ArrayList();

public UseCase1ManagedBean() {
super();
initData();
}

public BindingContainer getBindings() {
return BindingContext.getCurrent().getCurrentBindingsEntry();
}

public void initData() {
BindingContainer bindings = getBindings();
oracle.binding.OperationBinding operationBinding = bindings.getOperationBinding("populateTableData");
rowsData = (List)operationBinding.execute();
for (int i = 0; i < rowsData.get(0).getColumnsData().size(); i++) {
columnsHeader.add(rowsData.get(0).getColumnsData().get(i).getHeaderName());
}

if (rowsData.get(0).getColumnsData().size() > 0) {
setNumberOfColsToAdd(rowsData.get(0).getColumnsData().size() - 1);
}

// useCase1Table.setColumnResizing("disabled");
}

public void setRowsData(List rowsData) {
this.rowsData = rowsData;
}

public List getRowsData() {
return rowsData;
}

public void setNumberOfColsToAdd(int numberOfColsToAdd) {
this.numberOfColsToAdd = numberOfColsToAdd;
}

public int getNumberOfColsToAdd() {
return numberOfColsToAdd;
}

public void setColumnsHeader(List columnsName) {
this.columnsHeader = columnsName;
}

public List getColumnsHeader() {
return columnsHeader;
}

public void setUseCase1Table(RichTable useCase1Table) {
this.useCase1Table = useCase1Table;
}

public RichTable getUseCase1Table() {
return useCase1Table;
}
}

（3）运行效果：

初始化Steve的数据，显示Steve's View:





初始化Mark的数据，显示Mark's View:





初始化Kim的数据，显示Kim's View:





案例2：每个Tab中有不确定的Table，每个Table中的列不确定。





（1）页面代码

<af:panelTabbed id="pt1" binding="#{viewScope.useCase2MB.panelTabbed}"/>

（2）Managed Bean代码

package view;

import java.util.ArrayList;
import java.util.List;

import javax.el.ELContext;
import javax.el.ExpressionFactory;

import javax.el.ValueExpression;

import javax.faces.application.Application;
import javax.faces.component.UIComponent;

import javax.faces.component.UIViewRoot;
import javax.faces.context.FacesContext;
import javax.faces.event.PhaseEvent;

import javax.faces.event.PhaseId;

import model.type.usecase2.ColumnData;
import model.type.usecase2.RowData;
import model.type.usecase2.TableData;
import model.type.usecase2.TabData;

import oracle.adf.model.BindingContext;
import oracle.adf.view.rich.component.rich.RichForm;
import oracle.adf.view.rich.component.rich.data.RichColumn;
import oracle.adf.view.rich.component.rich.data.RichTable;
import oracle.adf.view.rich.component.rich.input.RichChooseDate;
import oracle.adf.view.rich.component.rich.input.RichInputDate;
import oracle.adf.view.rich.component.rich.input.RichInputListOfValues;
import oracle.adf.view.rich.component.rich.input.RichInputText;
import oracle.adf.view.rich.component.rich.layout.RichPanelTabbed;
import oracle.adf.view.rich.component.rich.layout.RichShowDetailItem;
import oracle.adf.view.rich.component.rich.output.RichOutputText;
import oracle.adf.view.rich.context.AdfFacesContext;

import oracle.binding.BindingContainer;

import view.util.JSFUtils;

public class UseCase2ManagedBean {

private RichTable useCase3Table;

private List tabsData = new ArrayList();

private RichPanelTabbed panelTabbed;

public UseCase2ManagedBean() {
super();
}

public BindingContainer getBindings() {
return BindingContext.getCurrent().getCurrentBindingsEntry();
}

public void beforeRenderResponse(PhaseEvent phaseEvent) {
if (phaseEvent.getPhaseId() == PhaseId.RENDER_RESPONSE) {
FacesContext fctx = FacesContext.getCurrentInstance();
AdfFacesContext adfFacesContext = AdfFacesContext.getCurrentInstance();

boolean isInitialRender = adfFacesContext.isInitialRender();
if (isInitialRender) {
initTabsData();
initTabsUI();
}
}
}

public void initTabsUI() {

List panelTabbedChildren = panelTabbed.getChildren();
for (int i = 0; i < tabsData.size(); i++) {
RichShowDetailItem showDetailItem = new RichShowDetailItem();
showDetailItem.setId("sdi" + (i + 1));
showDetailItem.setText(tabsData.get(i).getTabName());
List tablesData = tabsData.get(i).getTablesData();
for (int j = 0; j < tablesData.size(); j++) {
RichTable table = new RichTable();
table.setId("t_" + (i + 1) + "_" + (j + 1));
table.setVar("row");
List rowsData = tablesData.get(j).getRowsData();
table.setValue(rowsData);
for (int k = 0; k < rowsData.get(0).getColumnsData().size(); k++) {
RichColumn column = new RichColumn();
column.setId("col_" + (i + 1) + "_" + (j + 1) + "_" + (k + 1));
column.setSortable(false);
column.setHeaderText(rowsData.get(0).getColumnsData().get(k).getHeaderName());
RichOutputText outputText = new RichOutputText();
outputText.setId("ot" + (i + 1) + "_" + (j + 1) + "_" + (k + 1));
FacesContext fctx = FacesContext.getCurrentInstance();
ELContext elctx = fctx.getELContext();
Application jsfApp = fctx.getApplication();
ExpressionFactory exprFactory = jsfApp.getExpressionFactory();
ValueExpression valueExpr =
exprFactory.createValueExpression(elctx, "#{row.columnsData[" + k + "].cellValue}",
Object.class);
outputText.setValueExpression("value", valueExpr);
column.getChildren().add(outputText);
table.getChildren().add(column);
}
RichOutputText outputText = new RichOutputText();
outputText.setId("ot" + (i + 1) + "_" + (j + 1) );
outputText.setValue(tablesData.get(j).getTableName());
showDetailItem.getChildren().add(outputText);
showDetailItem.getChildren().add(table);
}
panelTabbedChildren.add(showDetailItem);
}
}

public void initTabsData() {
BindingContainer bindings = getBindings();
oracle.binding.OperationBinding operationBinding = bindings.getOperationBinding("populateTabsData");
tabsData = (List)operationBinding.execute();
}

public void setUseCase3Table(RichTable useCase3Table) {
this.useCase3Table = useCase3Table;
}

public RichTable getUseCase3Table() {
return useCase3Table;
}

public void setPanelTabbed(RichPanelTabbed panelTabbed) {
this.panelTabbed = panelTabbed;
}

public RichPanelTabbed getPanelTabbed() {
return panelTabbed;
}
}

（3）运行效果









案例3：Table的列不确定，且每个列的显示组件不同。





（1）页面代码

<af:table var="row" rowBandingInterval="0" id="t1" value="#{viewScope.useCase3MB.rowsData}" varStatus="vs"

binding="#{viewScope.useCase3MB.useCase3Table}"/>

（2）Managed Bean代码

package view;

import java.util.ArrayList;
import java.util.List;

import javax.el.ELContext;
import javax.el.ExpressionFactory;

import javax.el.ValueExpression;

import javax.faces.application.Application;
import javax.faces.component.UIComponent;

import javax.faces.component.UIViewRoot;
import javax.faces.context.FacesContext;
import javax.faces.event.PhaseEvent;

import javax.faces.event.PhaseId;

import model.type.usecase3.ColumnData;
import model.type.usecase3.RowData;

import oracle.adf.model.BindingContext;
import oracle.adf.view.rich.component.rich.RichForm;
import oracle.adf.view.rich.component.rich.data.RichColumn;
import oracle.adf.view.rich.component.rich.data.RichTable;
import oracle.adf.view.rich.component.rich.input.RichChooseDate;
import oracle.adf.view.rich.component.rich.input.RichInputDate;
import oracle.adf.view.rich.component.rich.input.RichInputListOfValues;
import oracle.adf.view.rich.component.rich.input.RichInputText;
import oracle.adf.view.rich.component.rich.output.RichOutputText;
import oracle.adf.view.rich.context.AdfFacesContext;

import oracle.binding.BindingContainer;

import view.util.JSFUtils;

public class UseCase3ManagedBean {

private RichTable useCase3Table;

private List rowsData = new ArrayList();

public UseCase3ManagedBean() {
super();

}

public BindingContainer getBindings() {
return BindingContext.getCurrent().getCurrentBindingsEntry();
}

public void beforeRenderResponse(PhaseEvent phaseEvent) {
if (phaseEvent.getPhaseId() == PhaseId.RENDER_RESPONSE) {
FacesContext fctx = FacesContext.getCurrentInstance();
AdfFacesContext adfFacesContext = AdfFacesContext.getCurrentInstance();

boolean isInitialRender = adfFacesContext.isInitialRender();
if (isInitialRender) {
initTableData();
initTableUI();
}
}
}

public void initTableUI() {
List tableChildren = useCase3Table.getChildren();
for (int i = 0; i < rowsData.get(0).getColumnsData().size(); i++) {
RichColumn column = new RichColumn();
column.setId("col" + (i + 1));
column.setSortable(false);
column.setHeaderText(rowsData.get(0).getColumnsData().get(i).getHeaderName());
FacesContext fctx = FacesContext.getCurrentInstance();
ELContext elctx = fctx.getELContext();
Application jsfApp = fctx.getApplication();
ExpressionFactory exprFactory = jsfApp.getExpressionFactory();
ValueExpression valueExpr =
exprFactory.createValueExpression(elctx, "#{row.columnsData[" + i + "].cellValue}", Object.class);
String columnType = rowsData.get(0).getColumnsData().get(i).getColumnType();
if (columnType.equals("DATEBOX")) {
RichInputDate inputDate = new RichInputDate();
inputDate.setId("cd" + (i + 1));
inputDate.setValueExpression("value", valueExpr);
column.getChildren().add(inputDate);
} else if (columnType.equals("INPUT_POPUP")) {
RichInputListOfValues inputLOV = new RichInputListOfValues();
inputLOV.setId("ilov" + (i + 1));
inputLOV.setValueExpression("value", valueExpr);
column.getChildren().add(inputLOV);
column.setWidth("120");
} else if (columnType.equals("HIDDEN")) {
RichOutputText outputText = new RichOutputText();
outputText.setId("ot" + (i + 1));
outputText.setValueExpression("value", valueExpr);
column.getChildren().add(outputText);
column.setVisible(false);
} else if (columnType.equals("INPUT_TEXT")) {
RichInputText inputText = new RichInputText();
inputText.setId("it" + (i + 1));
inputText.setValueExpression("value", valueExpr);
column.getChildren().add(inputText);
} else {
RichOutputText outputText = new RichOutputText();
outputText.setId("ot" + (i + 1));
outputText.setValueExpression("value", valueExpr);
column.getChildren().add(outputText);
}
tableChildren.add(column);
}
}

public void initTableData() {
BindingContainer bindings = getBindings();
oracle.binding.OperationBinding operationBinding = bindings.getOperationBinding("populateTableData");
rowsData = (List)operationBinding.execute();
}

public void setUseCase3Table(RichTable useCase3Table) {
this.useCase3Table = useCase3Table;
}

public RichTable getUseCase3Table() {
return useCase3Table;
}

public void setRowsData(List rowsData) {
this.rowsData = rowsData;
}

public List getRowsData() {
return rowsData;
}
}

（3）运行效果









Project 下载：ADF_Table_Dynamic_Column.7z
http://maping930883.blogspot.com/2012/06/adf146table-column.html