Hi,
Please see PagingToolbar in the example below.
Example
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!Ext.IsAjaxRequest)
{
this.Store1.DataSource = new object[]
{
new object[] {"test1"},
new object[] {"test2"},
new object[] {"test3"},
new object[] {"test4"},
new object[] {"test5"},
new object[] {"test6"},
new object[] {"test7"},
new object[] {"test8"},
new object[] {"test9"}
};
this.Store1.DataBind();
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Coolite 0.8.X Example</title>
</head>
<body>
<form runat="server">
<ext:ScriptManager runat="server" />
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="test" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
<ext:GridPanel
ID="GridPanel1"
runat="server"
StoreID="Store1"
AutoHeight="true">
<ColumnModel runat="server">
<Columns>
<ext:Column Header="Test" DataIndex="test" />
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar runat="server" PageSize="3">
<Listeners>
<Render Handler="this.first.hide();
this.prev.hide();
this.next.hide();
this.last.hide();
this.items.get(2).hide();
this.items.get(6).hide();
this.items.get(9).hide();" />
</Listeners>
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
</form>
</body>
</html>