Tuesday, August 7, 2012

Problems with paging using Sencha GXT grid and paging tool bar

Hi there,

I was wondering if anyone here uses Sencha GXT and could help me.  The Sencha GXT forums are not very active...

I followed the PagingGridExample.java from the Explorer demo: http://www.sencha.com/examples/#ExamplePlace:paginggrid. The code I use is exactly the same, except that I am using my own "DataItem" instead of "Post". As well, instead of a separate PagingGridExample class, I just have a method "createTable()" inside another class that runs the code found inside PagingGridExample.java asWidget() . I'm having a few problems with it though.

The grid loads, however paging doesn't work. I set: 
final PagingToolBar pagingToolBar = new PagingToolBar(10);
However, even though the toolbar shows and shows the text: "Displaying 11 - 20 of 28", etc, the grid shows all 28 rows. When I click the buttons in the paging toolbar, the grid refreshes, but still shows all 28 rows on each page.

Also, the paging tool bar is unusually thick. I have to change the parameters of the VerticalLayoutData in order for it to show at all:
VerticalLayoutContainer con = new VerticalLayoutContainer();          con.setBorders(true);          con.add(grid, new VerticalLayoutData(1, 0.80));          con.add(pagingToolBar, new VerticalLayoutData(1, 0.20));
The overall layout is a DockLayoutPanel with a gxt TabPanel in the center. The grid is placed on a tab within a gwt VerticalPanel. All the other code is the same as in the example, except as noted above.

I have attached a screenshot. Would appreciate any help!

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/CW07r5imxcQJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment