How to create a Dynamic Datatable with sorting functioanlity

Question

Hi,
I am new to JSF and need some help can some one please tell me how to create a dynamic datatable with sorting functionality. I am reading data data from a database table and wants to build the datatable dynamically based on the columns returned. I know how to created a datatble with a fixed number of columns but can't figure out how to create a datatable dynamically with sort functionality. Any small example will help.
Thanks

Answer 1

Hi,
Here is what I have so far and can't figure out how to add the sorting functionality. Any help is appreciated.
Managed Bean:
private List<MyDto> data ;
    public HtmlDataTable getDataTableOne ()
        if ( dataTableOne == null )
            populateCheckBoxes () ; // Preload.
            populateDynamicDataTableOne () ;
        return dataTableOne ;
    public void populateCheckBoxes ()
        data = new ArrayList<MyDto> () ;
        MyDto myDto1 = new MyDto () ;
        MyDto myDto2 = new MyDto () ;
        MyDto myDto3 = new MyDto () ;
        MyDto myDto4 = new MyDto () ;
        myDto1.setChecked ( true ) ;
        myDto1.setValue ( "myDto1" ) ;
        myDto2.setChecked ( false ) ;
        myDto2.setValue ( "myDto2" ) ;
        myDto3.setChecked ( false ) ;
        myDto3.setValue ( "myDto3" ) ;
        myDto4.setChecked ( true ) ;
        myDto4.setValue ( "myDto4" ) ;
        data.add ( myDto1 ) ;
        data.add ( myDto2 ) ;
        data.add ( myDto3 ) ;
        data.add ( myDto4 ) ;
    public void populateDynamicDataTableOne ()
        dataTableOne = new HtmlDataTable () ;
        UIOutput header = new UIOutput () ;
        header.setValue ( "" ) ;
        UIColumn tableColumn ;
        tableColumn = new UIColumn () ;
        HtmlOutputText textHeader = new HtmlOutputText () ;
        textHeader.setValue ( "" ) ;
        tableColumn.setHeader ( textHeader ) ;
        HtmlSelectBooleanCheckbox tCheckBox = new HtmlSelectBooleanCheckbox () ;
        tCheckBox.setValueBinding ( "value" , FacesContext.getCurrentInstance ().getApplication ().createValueBinding ( "#{row.checked}" ) ) ;
        tableColumn.getChildren ().add ( tCheckBox ) ;
        // Set output.
        UIOutput output = new UIOutput () ;
        ValueBinding myItem = FacesContext.getCurrentInstance ().getApplication ().createValueBinding ( "#{row.value}" ) ;
        output.setValueBinding ( "value" , myItem ) ;
        // Set header (optional).
        UIOutput header2 = new UIOutput () ;
        header2.setValue ( "" ) ;
        UIColumn column = new UIColumn () ;
        column.setHeader ( header2 ) ;
        column.getChildren ().add ( output ) ;
        dataTableOne.getChildren ().add ( tableColumn ) ;
        dataTableOne.getChildren ().add ( column ) ;
MyDto.java
public class MyDto
    private Boolean checked;
    private String value;
    public MyDto ()
    public void setChecked ( Boolean checked )
        this.checked = checked;
    public Boolean getChecked ()
        return checked ;
    public void setValue ( String value )
        this.value = value;
    public String getValue ()
        return value ;
JSP
<h:dataTable id="table" value="#{myRequestBean.data}" binding="#{myRequestBean.dataTableOne}" var="row" />Thanks