CellTable and Pager: shows all data instead of limited number of items per page

[Joe Vahabzadeh]

All,

This is with GWT 2.4. I'm having an issue getting paging to work for CellTable.

I'm not sure what I'm doing wrong. I thought I was following the examples correctly and adapting them to my code.

I tried using both a set size per page for the CellTable and SimplePager, as well as not giving that value and letting it use the default. No luck.

I have 72 items in a CellTable, and I want it to show 10 per page.

Here is the code:

  @Override
  protected Widget getMainWidget() {  // the caller of this for now is simply taking the returned Widget and sticking it in the root panel
    VerticalPanel mainPanel = new VerticalPanel();
    CellTable<UserInfo> cellTable = new CellTable<UserInfo>(10);

    SimplePager.Resources pagerResources = GWT.create(SimplePager.Resources.class);
    SimplePager pager = new SimplePager(TextLocation.CENTER, pagerResources, false, 10, true);
    pager.setDisplay(cellTable);

    List<UserInfo> userInfoList = getUserInfoList(); // this list has 72 items
    TextColumn<UserInfo> nameColumn= new UserInfoColumns.UserInfoNameColumn();
    TextColumn<UserInfo> idColumn = new UserInfoColumns.UserInfoIDColumn();
    TextColumn<UserInfo> statusColumn= new UserInfoColumns.UserInfoStatusColumn();
    cellTable.setSelectionModel(selectionModel, DefaultSelectionEventManager.<UserInfo> createCheckboxManager());
    Column<UserInfo, Boolean> checkboxColumn = new Column<UserInfo, Boolean>(new CheckboxCell(true, false)) {
      @Override
      public Boolean getValue(UserInfo userInfo) {
        return selectionModel.isSelected(userInfo);
      }
    };
    CheckboxHeader checkboxHeader = new CheckboxHeader(selectAllCheckboxCell, this);
    cellTable.addColumn(checkboxColumn);
    cellTable.addColumn(nameColumn);
    cellTable.addColumn(idColumn);
    cellTable.addColumn(statusColumn);

    mainPanel.add(pager);
    mainPanel.add(cellTable);
    return mainPanel;
  }

So far, the table data displays fine, except that it's still showing me all 72 users, no matter what I set for the CellTable size and the 4th parameter in the SimplePager constructor.

I've also tried not setting the CellTable size in the constructor, and using 0 as the 4th parameter in the SimplePager constructor (which is how the Showcase of Features for GWT does it to get 15 per page), to no avail.

What am I doing wrong?

[Joe Vahabzadeh]

Well, FINALLY figured it out... after piecing together disjointed information from several sites.

I didn't know (until now) that you just can't use cellTable.setRowData(list) if you want a pager. For a pager to work:
1) Do NOT use cellTable.setRowData(list)
2) Create a DataProvider
3) Add the list of items to the DataProvider via its setList method

and voila! The pager works.

So, for any others who're new to CellTable (as I am), that's what worked for me.

[Maneesh Godbole]

Thanks for sharing this tip. This is quite surprising. The example here uses setRowData
I personally haven't used cell table. Will check it out.

[Joe Vahabzadeh]

True, that example does use setRowData - my guess is that it's because they aren't attempting to use a pager there, but are instead demonstrating the sorting feature.

In any case, I'm glad I could contribute a solution (even if I was the one looking for the info in the first place)!

[Suvarna Modak]

Add a statement

celltable.setPageSize(10);

It will surely work..