Jul 18, 2011, 8:24 AM
[CLOSED] How to get Vertical scroll in GridPanel which is in Viewport with fit layout
Hi all,
I dont see a vertical scroll in GridPanel when my GridPanel grows, by which user cant see some rows and controlls in the viewport.
Please find the below Sample code.
I am using v1.0 of Ext.Net, Win 7, .NetFramework 4.0, IE8 and vs 2010
Thank You,
I dont see a vertical scroll in GridPanel when my GridPanel grows, by which user cant see some rows and controlls in the viewport.
Please find the below Sample code.
I am using v1.0 of Ext.Net, Win 7, .NetFramework 4.0, IE8 and vs 2010
<ext:Viewport ID="vpNotification" runat="server" Layout="fit">
<Items>
<ext:GridPanel
ID="GridPanel1"
runat="server"
StripeRows="true"
AutoHeight="true"
AutoWidth="true"
AutoExpandColumn="Company" AutoScroll="True" StoreID="dsCompany">
<TopBar>
<ext:Toolbar ID="Toolbar61" runat="server" EnableOverflow="true">
<Items>
<ext:Button ID="Button51" runat="server" Text="Edit" Icon="emailedit" />
<ext:Button ID="Button91" runat="server" Text="New" Icon="emailadd" />
<ext:Button ID="Button101" runat="server" Text="Other Actions" Icon="emailgo" >
<Menu>
<ext:Menu ID="Menu31" runat="server">
<Items>
<ext:MenuItem ID="MenuItem5" runat="server" Icon="usergray" Text="Disable" />
<ext:MenuItem ID="MenuItem6" runat="server" Icon="usercomment" Text="Reset Password" />
<ext:MenuSeparator />
<ext:MenuItem ID="MenuItem7" runat="server" Icon="userdelete" Text="Copy" />
<ext:MenuSeparator />
<ext:MenuItem ID="MenuItem8" runat="server" Icon="userdelete" Text="Delete" />
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:ToolbarFill ID="ToolbarFill1" runat="server" />
<ext:Button ID="Button111" runat="server" Text="Print" Icon="printer" />
</Items>
</ext:Toolbar>
</TopBar>
<ColumnModel ID="ColumnModel1" runat="server" >
<Columns>
<ext:RowNumbererColumn />
<ext:Column ColumnID="Company" Header="Company" Width="160" DataIndex="company" />
<ext:Column Header="Price" Width="75" DataIndex="price">
<Renderer Format="UsMoney" />
</ext:Column>
<ext:Column Header="Change" Width="75" DataIndex="change">
<Renderer Fn="change" />
</ext:Column>
<ext:Column Header="% Change" Width="75" DataIndex="pctChange">
<Renderer Fn="pctChange" />
</ext:Column>
<ext:DateColumn Header="Last Updated" Width="85" DataIndex="lastChange" Format="H:mm:ss" />
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
</SelectionModel>
<LoadMask ShowMask="true" />
<Plugins>
<ext:GridFilters runat="server" ID="GridFilters1">
<Filters>
<ext:StringFilter DataIndex="company" />
<ext:NumericFilter DataIndex="price" />
<ext:NumericFilter DataIndex="change" />
<ext:NumericFilter DataIndex="pctChange" />
<ext:DateFilter DataIndex="lastChange">
<DatePickerOptions runat="server" TodayText="Now" />
</ext:DateFilter>
</Filters>
</ext:GridFilters>
</Plugins>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" PageSize="10">
<Items>
<ext:Label ID="Label1" runat="server" Text="Page size:" />
<ext:ToolbarSpacer ID="ToolbarSpacer1" runat="server" Width="10" />
<ext:ComboBox ID="ComboBox1" runat="server" Width="80">
<Items>
<ext:ListItem Text="10" />
<ext:ListItem Text="20" />
<ext:ListItem Text="30" />
<ext:ListItem Text="40" />
<ext:ListItem Text="50" />
</Items>
<SelectedItem Value="10" />
<Listeners>
<Select Handler="#{PagingToolbar1}.pageSize = parseInt(this.getValue()); #{PagingToolbar1}.doLoad();" />
</Listeners>
</ext:ComboBox>
</Items>
</ext:PagingToolbar>
</BottomBar>
</ext:GridPanel>
</Items>
</ext:Viewport>
Thank You,
Last edited by Daniil; Jul 25, 2011 at 8:51 AM.
Reason: [CLOSED]