Pagination using datatable of jsf

[prasad kakani]

Hi All,

How we can do the pagination in jsf?

As per my technology stack, i can go for only core jsf components..? Can any one suggest how this can be done, using h:dataTable or ui:repeat?


The pagination should be like links 1 2 3 4 5 6

Thanks
Venkat

[prasad kakani]

Hi All,

I have developped a simple data table with pagination. But it is not working as expected. Could not figure out the problem.

Code for this complete pagination.

Test.xhtml
------------

<h:body>
	<h:form id="parentformid">
		<h:dataTable   binding="#{paginationBean.paginationDmdDataTable}"  value="#{exampleBean.dataList}" var="item"
		rows="2">
	            <h:column>
	                <f:facet name="header">
	                    <h:outputText  value="ID"/>
	                </f:facet>
	                <h:outputText value="#{item.id}" />
	            </h:column>
	            <h:column>
	                <f:facet name="header">
	                    <h:outputText value="Name"/>
	                </f:facet>
	                <h:outputText value="#{item.name}" />
	            </h:column>
        </h:dataTable>

	<table>
 	<tr>
 	<ui:repeat value="#{paginationBean.pages}" var="page">
 		<td >
 			<h:commandLink value="#{page}" actionListener="#{paginationBean.page}"
                         rendered="#{page != paginationBean.currentPage}" />
             <h:outputText value="#{page}" escape="false"
                         rendered="#{page == paginationBean.currentPage}" />
 		</td>
 	</ui:repeat> 
 	</tr>
 	</table>
</h:form>
</h:body>

ExampleBean.java
----------------------

@ManagedBean(name="exampleBean")
public class ExampleBean {
	
	private List<MyData> dataList;
	/**
	 * @return the dataList
	 */
	public List<MyData> getDataList() {
		
		if(dataList == null){
			dataList = getMyDataList();
		}
		return dataList;
	}

	/**
	 * @param dataList the dataList to set
	 */
	public void setDataList(List<MyData> dataList) {
		this.dataList = dataList;
	}
	
	public List<MyData> getMyDataList(){
		
	dataList = new ArrayList<MyData>();
                 MyData myData1 = new MyData();
                myData1.setId("1");
                myData1.setName("AA");
                dataList.add(myData1);
        
        MyData myData2 = new MyData();
        myData2.setId("2");
        myData2.setName("BB");
        dataList.add(myData2);
        
        MyData myData3 = new MyData();
        myData3.setId("3");
        myData3.setName("CC");
        dataList.add(myData3);
        
        MyData myData4 = new MyData();
        myData4.setId("4");
        myData4.setName("DD");
        dataList.add(myData4);
        
        MyData myData5 = new MyData();
        myData5.setId("5");
        myData5.setName("EE");
        dataList.add(myData5);
        
        MyData myData6 = new MyData();
        myData6.setId("6");
        myData6.setName("FF");
        dataList.add(myData6);
        
        MyData myData7 = new MyData();
        myData7.setId("7");
        myData7.setName("GG");
        dataList.add(myData7);
        
		return dataList;
	}
}

MyData.java
--------------

public class MyData {
    private String id;
    private String name;
    private Integer value;
// all getter and setter methods.

PaginationBean.java
-------------------------

@ManagedBean(name="paginationBean")
public class PaginationBean implements Serializable{
    private transient HtmlDataTable  paginationDmdDataTable;
    //getter and setter methods for paginationDmdDataTable;
    private int totalRows;
    private int firstRow;
    private int rowsPerPage = 2;
    private int totalPages;
    private int pageRange = 10;
    private Integer[] pages ;
    private int currentPage;
    //Providing all getter methods for the above attributes.
    public void loadData(){
        totalRows = paginationDmdDataTable.getRowCount();
        currentPage = (totalRows / rowsPerPage) - ((totalRows - firstRow) / rowsPerPage) + 1;
        totalPages = (totalRows / rowsPerPage) + ((totalRows % rowsPerPage != 0) ? 1 : 0);
        int pagesLength = Math.min(pageRange, totalPages);	
        pages = new Integer[pagesLength];
        int firstPage = Math.min(Math.max(0, currentPage - (pageRange / 2)), totalPages - pagesLength);
        // Create pages (page numbers for page links).
        for (int i = 0; i < pagesLength; i++) {
            pages[i] = ++firstPage;
        }
    }

    public void page(ActionEvent event) {
    	System.out.println((Integer) ((UICommand) event.getComponent()).getValue());
        page(((Integer) ((UICommand) event.getComponent()).getValue() - 1) * rowsPerPage);
    }

    private void page(int firstRow) {
    	this.firstRow = firstRow;
    	loadData();
    }
    public Integer[] getPages() {
       loadData();
       return pages;
    }
}

Getting the output like this:
ID NAMe
1 AA
2 BB

1 2 3 4 (all links) . when i click second or third page, table is not getting altered. for all pages the table is showing only first 2 rows always.

Could you please help me out..?
help would be greatly appriciated
Thanks
prasad