Hi,

I am using a PagingToolBar control to show just 10 records per page.


My problem is that when the page is loaded for the first time it shows all the records instead of 10 and when I click the page control to go to the next page it shows me 10 records per page which is right.


Could you tell me please how can I make the grid to show just 10 records when it is loaded?






<ext:Panel ID="Panel2" runat="server" Title="Champ Academy" Height="350px" Width="670px">


<Content> 


<ext:GridPanel ID="GridPanelUserPortalQuiz" runat="server" Height="332px" Width="670px" Title="Title" 


StoreID="StoreUserPortalQuiz">


<ColumnModel ID="ColumnModelGridPanelUserPortalQuiz">


<Columns>


<ext:Column ColumnID="PORTALIDcolumn" 


DataIndex="PORTALID" 


Hidden="true"


>


</ext:Column>


<ext:Column ColumnID="PORTALTITLEColumn" 


DataIndex="PORTALTITLE" 


Header="Portal Title"


Width="240px">


</ext:Column> 


<ext:Column ColumnID="QUIZQUESTIONSTOTALColumn" 


DataIndex="QUIZQUESTIONSTOTAL"


Header="Questions"


Width="80px">


</ext:Column> 


<ext:Column ColumnID="QUESTIONSANSWEREDCORRECTLYColumn" 


DataIndex="QUESTIONSANSWEREDCORRECTLY"


Header="Answers"


Width="80px">


</ext:Column>


<ext:Column ColumnID="TIMESTAMP_Datecolumn"


DataIndex="TIMESTAMP_Date"


Header="Date"


Width="100px">


<Renderer Fn="Ext.util.Format.dateRenderer('M/d/Y')" /> 





</ext:Column> 


<ext:Column ColumnID="TIMESTAMP_Timecolumn" 


DataIndex="TIMESTAMP_Time"


Width="50px" 


Header="Time">


</ext:Column> 


</Columns>


</ColumnModel> 


</ext:GridPanel>





<ext:PagingToolBar ID="PagingToolBarGridPanelUserPortalQuiz" 


runat="server" 


StoreID="StoreUserPortalQuiz" 


PageSize="10" 


DisplayInfo="false" />






</Content>


</ext:Panel>