[CLOSED] How to get Vertical scroll in GridPanel which is in Viewport with fit layout

  1. #1

    [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

    <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]
  2. #2
    Hi,

    Please remove AutoHeight and AutoWidth from the grid (AutoScroll is not required for the grid also, remove it)

Similar Threads

  1. [CLOSED] Vertical scroll bar issue for treegrid
    By AnulekhaK in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 02, 2012, 8:30 AM
  2. Vertical layout in GridPanel
    By AlexMaslakov in forum 1.x Help
    Replies: 14
    Last Post: Aug 15, 2011, 7:21 AM
  3. [CLOSED] Two column layout with vertical scroll bar
    By deejayns in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: May 26, 2011, 10:28 PM
  4. How to make VBoxlayout show vertical scroll bar?
    By firebank in forum 1.x Help
    Replies: 0
    Last Post: May 11, 2011, 5:27 AM
  5. [CLOSED] Vertical Scroll bars for the Accordion Panels
    By Etisbew in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Aug 20, 2009, 9:06 AM

Posting Permissions