Paging Toolbar Problem?

  1. #1

    Paging Toolbar Problem?

    Ext.net.dll version: 1.2.0.21945
    Framework: 4.0
    Language: VB

    The markup hierarchy is Desktopwindow, Tabpanel, Panel, BorderLayout, Region, Gridpanel

    In the gridpanel there are 101 records databound.
    The number of records per page (50) is correctly showing, the vertical scrollbar is available, but the Paging Toolbar is not showing.
    We can't navigate to page 2?
    In IE 8, if we click a tab in the east region the paging toolbar shows up in the center region (maybe a resizing event occurs?).
    In firefox nothing happens, the paging toolbar remains unavailable.
    Sorry about the markup length, try to keep short as possible. Hope I put the code markup in the right places.Click image for larger version. 

Name:	PagingToolBar.jpg 
Views:	162 
Size:	91.6 KB 
ID:	4683

    <script runat="server">

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
    If Not IsPostBack And Not IsCallback Then
    BindStore1()
    End If
    End Sub

    Private Sub BindStore1()
    Try
    Dim anonList As New List(Of Object)

    For i As Int32 = 0 To 100
    anonList.Add(New With {.KeyField = i, .Stuff1 = "Just some data 1", .Stuff2 = "Just some data 2", .Stuff3 = "Just some data 3"})
    Next
    Store1.DataSource = anonList
    Store1.DataBind()
    Catch ex As Exception
    Throw ex
    End Try
    End Sub

    </script>

    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <ext:Desktop ID="Desktop1" runat="server" BackgroundColor="Black" ShortcutTextColor="White">
    <Content>
    </Content>
    <Modules>
    <ext:DesktopModule ModuleID="DesktopModule1" WindowID="winManageStuff" AutoRun="false">
    <Launcher ID="Launcher1" runat="server" Text="Stuff" Icon="Lorry" />
    </ext:DesktopModule>
    </Modules>
    <Shortcuts>
    <ext:DesktopShortcut ModuleID="DesktopModule1" Text="Manage Stuff" IconCls="shortcut-icon icon-user48" />
    </Shortcuts>
    <StartMenu Width="400" Height="400" ToolsWidth="227" Title="Start Menu">
    </StartMenu>
    </ext:Desktop>
    <ext:DesktopWindow ID="winManageStuff" runat="server" InitCenter="false" Title="Manage Stuff"
    Icon="Lorry" PageX="75" PageY="25" Layout="FitLayout" Width="700" Height="500" Maximizable="true" Resizable="true"
    Maximized="true">
    <Items>
    <ext:TabPanel ID="TabPanel2" runat="server" TabPosition="Top" Border="false">
    <Items>
    <ext:Panel ID="Panel99" runat="server" Title="Stuff" Padding="2">
    <Items>
    <ext:BorderLayout ID="BorderLayout2" runat="server">
    <North>
    <ext:CompositeField ID="cfSearch" runat="server">
    <Items>
    <ext:ComboBox ID="cmbYr" runat="server" TypeAhead="false"
    Mode="Local" ForceSelection="true" TriggerAction="All" NoteAlign="Top" Note="Year"
    EmptyText="Select One..." ValueNotFoundText="Select One..." ListWidth="70" Width="70"
    InputType="Text" Editable="false" Selectable="true">
    <Items>
    <ext:ListItem Text="2012" Value="2012" />
    <ext:ListItem Text="2013" Value="2013" />
    <ext:ListItem Text="2014" Value="2014" />
    <ext:ListItem Text="2015" Value="2015" />
    </Items>
    </ext:ComboBox>
    <ext:ComboBox ID="cmbItem" runat="server" TypeAhead="false"
    Mode="Local" ForceSelection="true" TriggerAction="All"
    EmptyText="Select One..." ValueNotFoundText="Select One..." ListWidth="275" Width="150"
    InputType="Text" NoteAlign="Top" Note="Item" Editable="false" Selectable="true">
    <Items>
    <ext:ListItem Text="Item 1" />
    <ext:ListItem Text="Item 2" />
    <ext:ListItem Text="Item 3" />
    <ext:ListItem Text="Item 4" />
    </Items>
    </ext:ComboBox>
    </Items>
    </ext:CompositeField>
    </North>
    <Center MarginsSummary="3 0 0 0">
    <ext:GridPanel ID="gp1" runat="server" Title="" Collapsible="true" Height="175" Width="400" AutoScroll="true" AutoDataBind="false">
    <Store>
    <ext:Store ID="Store1" runat="server" ShowWarningOnFailure="false" AutoDataBind="false">
    <Reader>
    <ext:JsonReader IDProperty="KeyField">
    <Fields>
    <ext:RecordField AllowBlank="true" Name="KeyField" Mapping="KeyField" Type="Int">
    </ext:RecordField>
    <ext:RecordField AllowBlank="true" Name="Stuff1" Mapping="Stuff1" Type="String">
    </ext:RecordField>
    <ext:RecordField AllowBlank="true" Name="Stuff2" Mapping="Stuff2" Type="String">
    </ext:RecordField>
    <ext:RecordField AllowBlank="true" Name="Stuff3" Mapping="Stuff3" Type="String">
    </ext:RecordField>
    </Fields>
    </ext:JsonReader>
    </Reader>
    <AutoLoadParams>
    <ext:Parameter Name="start" Value="0" Mode="Raw" />
    <ext:Parameter Name="limit" Value="50" Mode="Raw" />
    </AutoLoadParams>
    </ext:Store>
    </Store>
    <ColumnModel ID="ColumnModel2" runat="server">
    <Columns>
    <ext:Column ColumnID="KeyField" DataIndex="KeyField" Header="KeyField">
    </ext:Column>
    <ext:Column ColumnID="Stuff1" DataIndex="Stuff1" Header="Stuff1">
    </ext:Column>
    <ext:Column ColumnID="Stuff2" DataIndex="Stuff2" Header="Stuff2">
    </ext:Column>
    <ext:Column ColumnID="Stuff3" DataIndex="Stuff3" Header="Stuff3">
    </ext:Column>
    </Columns>
    </ColumnModel>
    <Plugins>
    <ext:GridFilters runat="server" ID="GridFilters1" Local="true">
    <Filters>
    <ext:StringFilter DataIndex="Stuff1" />
    <ext:StringFilter DataIndex="Stuff2" />
    <ext:StringFilter DataIndex="Stuff3" />
    </Filters>
    </ext:GridFilters>
    </Plugins>
    <BottomBar>
    <ext:PagingToolbar runat="server" ID="ptbStuff" StoreID="Store1" PageSize="50">
    </ext:PagingToolbar>
    </BottomBar>
    </ext:GridPanel>
    </Center>
    <East Collapsible="true" Split="true" MarginsSummary="2 2 0 0" CMarginsSummary="2 2 0 2">
    <ext:Panel ID="Panel2" runat="server" Width="415" Layout="Fit" Collapsed="false">
    <Items>
    <ext:TabPanel ID="TabPanel1" runat="server" TabPosition="Top" Border="false">
    <Items>
    <ext:Panel ID="Tab1" runat="server" AutoHeight="true" Title="Tab 1" Padding="2">
    <Items>
    <ext:Label runat="server" Text="Test tab 1"></ext:Label>
    </Items>
    </ext:Panel>
    <ext:Panel ID="Tab2" runat="server" Title="Tab 2" Layout="FitLayout" AutoScroll="true" Padding="2">
    <Items>
    <ext:Label runat="server" Text="Test tab 2"></ext:Label>
    </Items>
    </ext:Panel>
    </Items>
    </ext:TabPanel>
    </Items>
    </ext:Panel>
    </East>
    </ext:BorderLayout>
    </Items>
    </ext:Panel>
    </Items>
    </ext:TabPanel>
    </Items>
    </ext:DesktopWindow>
    </form>
    Last edited by healingnations; Aug 27, 2012 at 10:30 PM.
  2. #2

    Problem solved

    Though not ideal, we solved this issue by moving the paging toolbar out of the BottomBar and into the TopBar. Firefox would not show the paging toolbar if it was in the BottomBar. Below is the markup we ended up with.

    <TopBar>
    <ext:PagingToolbar runat="server" ID="ptb1" StoreID="Store1"
    PageSize="15">
    <Items>
    <ext:ToolbarSeparator ID="ts1" runat="server" />
    <ext:ComboBox ID="cmbRPP1" runat="server" Editable="false" FieldLabel="Rows Per Page"
    Width="175" SelectedIndex="2">
    <Listeners>
    <Select Handler="ResetPaging(cmbRPP1, Store1, ptb1);" />
    </Listeners>
    <Items>
    <ext:ListItem Text="5" Value="5" />
    <ext:ListItem Text="10" Value="10" />
    <ext:ListItem Text="15" Value="15" />
    <ext:ListItem Text="20" Value="20" />
    <ext:ListItem Text="30" Value="30" />
    <ext:ListItem Text="50" Value="50" />
    </Items>
    </ext:ComboBox>
    <ext:ToolbarSeparator ID="ts2" runat="server" />
    <ext:Button ID="btnExcel" runat="server" Text="Export to Excel" Icon="PageExcel">
    <Listeners>
    <Click Handler="exportData('xls');" />
    </Listeners>
    </ext:Button>
    </Items>
    </ext:PagingToolbar>
    </TopBar>

    <script type="text/javascript">
    var ResetPaging = function (cmbBox, store, pagingToolbar) {
    var rpp = cmbBox.getValue();
    var rppInt = parseInt(rpp);

    store.start = 1;
    store.limit = rppInt;
    pagingToolbar.pageSize = rppInt;
    pagingToolbar.doLoad(pagingToolbar.cursor);
    pagingToolbar.moveFirst();
    };
    </script>

Similar Threads

  1. Replies: 11
    Last Post: Jun 13, 2012, 4:53 PM
  2. Error with the Paging Toolbar?
    By omeszar in forum 1.x Help
    Replies: 8
    Last Post: Mar 20, 2012, 10:56 AM
  3. Problem with paging toolbar
    By sonnh11 in forum 1.x Help
    Replies: 3
    Last Post: May 10, 2011, 12:08 PM
  4. Paging ToolBar Problem
    By kiran malgi in forum 1.x Help
    Replies: 2
    Last Post: Mar 29, 2010, 8:25 AM
  5. paging toolbar caching
    By [WP]joju in forum 1.x Help
    Replies: 0
    Last Post: Oct 20, 2009, 9:36 AM

Tags for this Thread

Posting Permissions