To show paging controls we reuse a
PagingToolbar, as demonstrated in Chapter 5, Working with Data.
client-side paging, we just need to do two things. We add a
PagingToolbar to the GridPanel. Because a GridPanel inherits a Panel, we just add it either to a docked item, or to one of the special properties such as
TopBar, and so on.
BottomBar is usually the typical option, so we add it to the GridPanel as follows:
<BottomBar> <ext:PagingToolbar runat="server" /> </BottomBar>
Next we simply need to initialize the Store with paging as follows:
<ext:Store runat="server" RemotePaging="false" PageSize="10">
The result will be a paging toolbar at the bottom, as shown in the following screenshot:
If you are using ...