[CLOSED] [1.0] Issue with paging on grid load.

  1. #1

    [CLOSED] [1.0] Issue with paging on grid load.

    Hi,

    I have an issue with paging on grid load. I am specifying the page size, but still it is loading all the records on first time grid_load.

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!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>Untitled Page</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="RM" runat="server">
    </ext:ResourceManager>
    <ext:Store ID="Store1" runat="server" EnableViewState="true">
    <Reader>
    <ext:ArrayReader IDProperty="ident">
    <Fields>
    <ext:RecordField Name="change" Type="int" />
    <ext:RecordField Name="name" Type="String" />
    <ext:RecordField Name="Milk" Type="int" />
    <ext:RecordField Name="meal" Type="Float" />
    </Fields>
    </ext:ArrayReader>
    </Reader>
    </ext:Store>
    <ext:Store ID="GridStore" runat="server">
    <Reader>
    <ext:JsonReader IDProperty="Ident">
    <Fields>
    <ext:RecordField Name="StudentIdent" />
    <ext:RecordField Name="StudentName" />
    <ext:RecordField Name="Remain" Type="Float" />
    <ext:RecordField Name="Payment" Type="Float" />
    <ext:RecordField Name="WorkFlag" Type="Boolean" />
    <ext:RecordField Name="Lunchflag" Type="Boolean" />
    <ext:RecordField Name="Milkflag" Type="Boolean" />
    <ext:RecordField Name="TransrvUniq" Type="Int" />
    <ext:RecordField Name="TranalaUniq" Type="Int" />
    <ext:RecordField Name="AlertCount" />
    <ext:RecordField Name="SUniq">
    </ext:RecordField>
    </Fields>
    </ext:JsonReader>
    </Reader>
    </ext:Store>
    <ext:Panel ID="Panel3" runat="server" BodyBorder="false" AutoWidth="true">
    <Content>
    <ext:GridPanel ID="entryGridPanel" StoreID="GridStore" runat="server" Height="390">
    <ColumnModel ID="columnModel1" runat="server">
    <Columns>
    <ext:Column Header="Ident" DataIndex="StudentIdent" Width="100">
    </ext:Column>
    <ext:Column Header="Student Name" DataIndex="StudentName" Width="345">
    </ext:Column>
    <ext:Column Header="Remain" DataIndex="Remain" Width="60">
    </ext:Column>
    <ext:Column ColumnID="cpType" Header="Payment" DataIndex="WorkFlag" Width="60">
    <Editor>
    <ext:TextField ID="txtPoints" runat="server" Width="60">
    </ext:TextField>
    </Editor>
    </ext:Column>
    </Columns>
    </ColumnModel>
    <BottomBar>
    <ext:PagingToolbar ID="PagingToolBar2" runat="server" PageSize="6" StoreID="GridStore"
    EmptyMsg="No records found" HideRefresh="true">
    <Listeners>
    </Listeners>
    </ext:PagingToolbar>
    </BottomBar>
    </ext:GridPanel>
    </Content>
    </ext:Panel>
    <ext:Button ID="Button1" runat="server" Text="Submit">
    <DirectEvents>
    <Click OnEvent="SubBtn_Click">
    </Click>
    </DirectEvents>
    </ext:Button>
    </form>
    </body>
    </html>
     
    --- Code Behind ---
     
    Imports Ext.Net
    Partial Class _Default
    Inherits System.Web.UI.Page
    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
     
     
    End Sub
     
    Protected Sub SelectBtn_Click(ByVal sender As Object, ByVal e As DirectEventArgs)
    End Sub
    Protected Sub SubBtn_Click(ByVal sender As Object, ByVal e As DirectEventArgs)
    Me.GridStore.DataSource = New Object() { _
    New Object() {123, "Student1", 1}, _
    New Object() {234, "Student2", 0}, _
    New Object() {456, "Student3", 1}, _
    New Object() {0, "Student67", 1}, _
    New Object() {51, "Studen67447", 1}, _
    New Object() {62, "Student234", 0}, _
    New Object() {273, "Student34f", 1}, _
    New Object() {362, "Student6f75", 1}, _
    New Object() {353, "Studen64f87", 1}, _
    New Object() {52, "Student23224", 0}, _
    New Object() {2333, "Student3444", 1}, _
    New Object() {322, "Student67544", 1}, _
    New Object() {313, "Studen648447", 1}, _
    New Object() {211, "Student2434", 0}, _
    New Object() {213, "Student3444", 1}, _
    New Object() {322, "Student67235", 1}, _
    New Object() {331, "Studen6487g", 1} _
    }
    Me.GridStore.DataBind()
    End Sub
    End Class
    Last edited by geoffrey.mcgill; Aug 02, 2010 at 6:26 PM.
  2. #2
    Hello, Hari_CSC!

    The PagingToolbar has no information about the store has been bound or not. So, we have to notice it. Please use the following thing after invoking DataBind method.

    Me.GridStore.DataBind()
    Me.PagingToolBar2.Call("doRefresh")
  3. #3
    Hi,

    Please add the following code to the store

    <AutoLoadParams>
          <ext:Parameter Name="start" Value="0" Mode="Raw" />
          <ext:Parameter Name="limit" Value="6" Mode="Raw" />
    </AutoLoadParams>
    Last edited by geoffrey.mcgill; Aug 02, 2010 at 6:24 PM.

Similar Threads

  1. Replies: 11
    Last Post: Jun 13, 2012, 4:53 PM
  2. Grid Paging issue
    By pooja in forum 1.x Help
    Replies: 3
    Last Post: Jan 05, 2012, 10:34 AM
  3. Paging Issue
    By wdk in forum 1.x Help
    Replies: 2
    Last Post: Mar 25, 2011, 3:46 AM
  4. [CLOSED] GridPanel remote paging issue
    By jskibo in forum 1.x Legacy Premium Help
    Replies: 15
    Last Post: Jan 31, 2011, 8:37 AM
  5. how to load data to grid panel in page load
    By andylaiyongsing in forum 1.x Help
    Replies: 1
    Last Post: Apr 16, 2010, 10:27 AM

Posting Permissions