Aug 27, 2012, 10:09 PM
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.
<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>
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.
<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.