How to assign columns to datatable programmatically in jsf? - jsf

Question

I am trying to create a datatable programmatically
Here where i am making a new instance for the dataTable :
public DataTables getDataTableTest() {
if(dataTableTest==null){
String var=getDatatableVar();
dataTableTest=new DataTables(context, app, "datatable1", "width: 50%", var,
"#{programmaticallyComp.roleLists}", "single", true, 5, "", "");
}
return dataTableTest;
}
DataTables
public class DataTables extends DataTable {
private static final long serialVersionUID = 1L;
public DataTables() {
super();
// TODO Auto-generated constructor stub
}
public DataTables(FacesContext context, Application app, String id,String style,String var,String expression,
String selectionMode, boolean paginator, int row,
String rowSelectListener, String rowUnSelectListener) {
super();
// TODO Auto-generated constructor stub
app.createComponent(DataTable.COMPONENT_TYPE);
setStyle(style + " !important;");
setSelectionMode(selectionMode);
setPaginator(paginator);
setRows(row);
setVar(var);
setMethodsExpression(this, context, app, rowSelectListener, rowUnSelectListener);
setComId(this, id);
setValueExpressions(this, context, app, expression);
}
private void setComId(DataTable comp,String id){
comp.setId(id);
}
private void setValueExpressions(DataTable comp ,FacesContext context,Application app,String expression){
ELContext elContext=context.getELContext();
ValueExpression value=app.getExpressionFactory().createValueExpression(elContext,expression ,Object.class);
comp.setValueExpression("value",value);
}
private void setMethodsExpression(DataTable comp, FacesContext context,
Application app, String rowSelectListener,
String rowUnSelectListener) {
ELContext elContext = context.getELContext();
if (JSFUtils.isInputFilled(rowSelectListener)) {
MethodExpression rowSelectListenerMethod=app.getExpressionFactory()
.createMethodExpression(elContext,
rowSelectListener, null,new Class[] {SelectEvent.class});
comp.setRowSelectListener(rowSelectListenerMethod);
}
if (JSFUtils.isInputFilled(rowUnSelectListener)) {
MethodExpression rowUnSelectListenerMethod=app.getExpressionFactory()
.createMethodExpression(elContext,
rowUnSelectListener, null,new Class[] {UnselectEvent.class});
comp.setRowUnselectListener(rowUnSelectListenerMethod);
}
}
}
I am assign the related columns by this way :
getDataTableTest();
for(RoleBean roles : roleLists){
OutputLabel outputLabelId=new OutputLabel(context,app,roles.getRoles().getRoleNum());
OutputLabel outputLabelName=new OutputLabel(context,app,roles.getDescription().getDesc());
getColDataTableIdTest().getChildren().add(outputLabelId);
getColDataTableNameTest().getChildren().add(outputLabelName);
}
getDataTableTest().getChildren().add(getColDataTableIdTest());
getDataTableTest().getChildren().add(getColDataTableNameTest());
getRowDataTable().getChildren().add(getDataTableTest());
container.getChildren().add(getRowDataTable());
OutPutLabel Class
public class OutputLabel extends HtmlOutputLabel {
public OutputLabel() {
super();
// TODO Auto-generated constructor stub
}
public OutputLabel(FacesContext context, Application app, String id,
String value) {
super();
// TODO Auto-generated constructor stub
app.createComponent(HtmlOutputLabel.COMPONENT_TYPE);
compSetId(this, id);
setValue(value);
setStyleClass(JSFUtils.BootstrapClasses.LabelsControl.toString());
}
public OutputLabel(FacesContext context, Application app, Object value) {
super();
// TODO Auto-generated constructor stub
app.createComponent(HtmlOutputLabel.COMPONENT_TYPE);
setValue(value);
}
private void compSetId(UIOutput comp, String id) {
comp.setId(id);
}
getColDataTableIdTest() :
public AceColumn getColDataTableIdTest() {
if(colDataTableIdTest==null){
colDataTableIdTest=new AceColumn(app,"ID");
}
return colDataTableIdTest;
}
getColDataTableNameTest() :
public AceColumn getColDataTableNameTest() {
if(colDataTableNameTest==null){
colDataTableNameTest=new AceColumn(app,"ID");
}
return colDataTableNameTest;
}
AceColumn class :
public class AceColumn extends Column {
private static final long serialVersionUID = 1L;
public AceColumn() {
super();
// TODO Auto-generated constructor stub
}
public AceColumn(Application app,String headerText) {
super();
// TODO Auto-generated constructor stub
app.createComponent(Column.COMPONENT_TYPE);
setHeaderText(headerText);
}
getRowDataTable()
public RowContainer getRowDataTable() {
if(rowDataTable==null){
rowDataTable= new RowContainer(context, app, false,"dataTableRowId");
}
return rowDataTable;
}
RowContainer
public class RowContainer extends HtmlPanelGroup {
public RowContainer() {
super();
// TODO Auto-generated constructor stub
}
public RowContainer(FacesContext context,Application app,boolean required,String id) {
app.createComponent(HtmlPanelGroup.COMPONENT_TYPE);
if(required==true){
setStyleClass(JSFUtils.BootstrapClasses.Rows.toString() + " " +
JSFUtils.BootstrapClasses.Required.toString()
);
}else{
setStyleClass(JSFUtils.BootstrapClasses.Rows.toString());
}
setLayout(JSFUtils.BootstrapClasses.Layout.toString());
setId(id);
}
}
Container is the panel group that holds the component in the page
container=new ContainerFluid(context, app, "SuperPanel");
ContainerFluid
public class ContainerFluid extends HtmlPanelGroup {
public ContainerFluid() {
super();
// TODO Auto-generated constructor stub
}
public ContainerFluid(FacesContext context,Application app,String id) {
app.createComponent(HtmlPanelGroup.COMPONENT_TYPE);
setLayout(JSFUtils.BootstrapClasses.Layout.toString());
setStyleClass(JSFUtils.BootstrapClasses.ContainerFluid.toString());
//compSetId(this, id);
setStyle("padding: 30px;");
//setId(id);
}
}
Inside the xhtml Page there is only :
<!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:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ace="http://www.icefaces.org/icefaces/components">
<ui:composition template="/resources/template/master.xhtml">
<ui:define name="content">
<h:panelGroup binding="#{programmaticallyComp.container}"/>
</ui:define>
</ui:composition>
</html>
the problem is in the output of the datatable :
wrong output
and the right output is like this without the expiry date:
right output

Answer 1

we must assign the 'datatable' var to the output label
setDatatableVar("role");
then we must send a value expression to the output label and we must delete the for loop
OutputLabel label1= new OutputLabel(context, app,"#{role.roleNum}");
and we must assign a value expression the OutPutLabel class
private void compSetValue(UIOutput comp, FacesContext context,
Application app, String expression) {
ELContext elContext = context.getELContext();
ValueExpression valueExpression = app.getExpressionFactory()
.createValueExpression(elContext, expression, Object.class);
comp.setValueExpression("value", valueExpression);
}
and the code must be like this
setDatatableVar("role");
OutputLabel label1= new OutputLabel(context, app,"#{role.roleNum}");
OutputLabel label2= new OutputLabel(context, app,"#{role.roleName}");
getColDataTableIdTest().getChildren().add(label1);
getColDataTableNameTest().getChildren().add(label2);
getColDataTableIdTest().getChildren().add(getColDataTableIdTest());
getDataTableTest().getChildren().add(getColDataTableNameTest());
getRowDataTable().getChildren().add(getDataTableTest());
container.getChildren().add(getRowDataTable());
the out put well be like this :