To show paging controls we reuse a PagingToolbar, as demonstrated in Chapter 5, Working with Data.
To enable
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 BottomBar, 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 a remote proxy such as the AjaxProxy shown earlier but with client-side paging, you need to set RemotePaging to "false" explicitly. Otherwise it will default to server-side paging. If you are using one of the client-side...