What's New?

[CLOSED] ScrollBar GridPanel

  1. #1
    Mar 10, 2011, 12:28 PM

    [CLOSED] ScrollBar GridPanel

    I'm using and would like the GridPanel scrollBar Grid is always visible.
    Because when there is no need for scrolling left with white space in place of the scroll.
    And when there is no need for the scroll that it be disabled.

    Thanks.
    Last edited by Daniil; Mar 11, 2011 at 3:31 PM. Reason: [CLOSED]
  2. #2
    Mar 10, 2011, 2:41 PM
    Quote Originally Posted by majunior View Post
    I'm using and would like the GridPanel scrollBar Grid is always visible.
    Hi,

    Well, lets consider the following grid. The scrollbars are always visible.

    So, your requirement is not so clear. We need to know how your page is configured. Please provide a simplified .aspx page.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] {"test1"},
                new object[] {"test2"},
                new object[] {"test3"},
                new object[] {"test4"},
                new object[] {"test5"},
                new object[] {"test6"},
                new object[] {"test7"},
                new object[] {"test8"},
                new object[] {"test9"}
            };
            store.DataBind();
        }
    }
</script>

<!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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:GridPanel 
        ID="GridPanel1" 
        runat="server" 
        Height="100" 
        Width="100">
        <Store>
            <ext:Store runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="test" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test" DataIndex="test" Width="300" />
            </Columns>
        </ColumnModel>
    </ext:GridPanel>
    </form>
</body>
</html>
    Last edited by Daniil; Mar 10, 2011 at 2:43 PM.
  3. #3
    Mar 10, 2011, 3:54 PM
    Quote Originally Posted by Daniil View Post
    Hi,

    Well, lets consider the following grid. The scrollbars are always visible.

    So, your requirement is not so clear. We need to know how your page is configured. Please provide a simplified .aspx page.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            Store store = this.GridPanel1.GetStore();
            store.DataSource = new object[] 
            { 
                new object[] {"test1"},
                new object[] {"test2"},
                new object[] {"test3"},
                new object[] {"test4"},
                new object[] {"test5"},
                new object[] {"test6"},
                new object[] {"test7"},
                new object[] {"test8"},
                new object[] {"test9"}
            };
            store.DataBind();
        }
    }
</script>

<!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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
    <ext:ResourceManager runat="server" />
    <ext:GridPanel 
        ID="GridPanel1" 
        runat="server" 
        Height="100" 
        Width="100">
        <Store>
            <ext:Store runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="test" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:Column Header="Test" DataIndex="test" Width="300" />
            </Columns>
        </ColumnModel>
    </ext:GridPanel>
    </form>
</body>
</html>
    <ext:Store runat="server" ID="Store1">
        <Reader>
            <ext:JsonReader IDProperty="Id">
                <Fields>
                    <ext:RecordField Name="CD_USUARIO" Type="String" />
                    <ext:RecordField Name="AN_EMAIL" Type="String" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <SortInfo Field="CD_USUARIO" Direction="ASC" />
    </ext:Store>

<ext:GridPanel ID="GridPanel1" runat="server" StoreID="Store1" StripeRows="true"
                            TrackMouseOver="true" Height="240" MinHeight="120" AutoScroll="true" AutoExpandColumn="CD_USUARIO"
                            AutoDestroy="True" Frame="true" Region="Center">
                            <ColumnModel ID="ColumnModel1" runat="server">
                                <Columns>
                                    <ext:Column ColumnID="CD_USUARIO" Header="Usuário" DataIndex="CD_USUARIO" />
                                    <ext:Column Header="E-Mail" DataIndex="AN_EMAIL" Width="180" />
                                </Columns>
                            </ColumnModel>
                            <SelectionModel>
                                <ext:CheckboxSelectionModel ID="CheckboxSelectionModel1" runat="server" />
                            </SelectionModel>
                            <View>
                                <ext:GridView ID="GridView1" runat="server">
                                    <HeaderRows>
                                        <ext:HeaderRow>
                                            <Columns>
                                                <ext:HeaderColumn Cls="x-small-editor">
                                                    <Component>
                                                        <ext:Checkbox ID="chkBox" runat="server">
                                                        </ext:Checkbox>
                                                    </Component>
                                                </ext:HeaderColumn>
                                                <ext:HeaderColumn Cls="x-small-editor">
                                                    <Component>
                                                        <ext:TextField ID="CD_USUARIO" runat="server" EnableKeyEvents="true">
                                                            <Listeners>
                                                                <KeyUp Handler="applyFilter(this);" Buffer="250" />
                                                            </Listeners>
                                                        </ext:TextField>
                                                    </Component>
                                                </ext:HeaderColumn>
                                                <ext:HeaderColumn Cls="x-small-editor">
                                                    <Component>
                                                        <ext:TextField ID="AN_EMAIL" runat="server" EnableKeyEvents="true">
                                                            <Listeners>
                                                                <KeyUp Handler="applyFilter(this);" Buffer="250" />
                                                            </Listeners>
                                                        </ext:TextField>
                                                    </Component>
                                                </ext:HeaderColumn>
                                            </Columns>
                                        </ext:HeaderRow>
                                    </HeaderRows>
                                </ext:GridView>
                            </View>
                            <BottomBar>
                                <ext:PagingToolbar ID="PagingToolbar2" runat="server" PageSize="5">
                                    <Items>
                                        <ext:ToolbarSpacer ID="ToolbarSpacer2" runat="server" Width="10" />
                                        <ext:ComboBox ID="ComboBox2" runat="server" Width="80">
                                            <Template runat="server" Visible="False" ID="ctl32" EnableViewState="False">
                                            </Template>
                                            <Items>
                                                <ext:ListItem Text="1" />
                                                <ext:ListItem Text="2" />
                                                <ext:ListItem Text="5" />
                                                <ext:ListItem Text="10" />
                                                <ext:ListItem Text="20" />
                                            </Items>
                                            <SelectedItem Value="5" />
                                            <Listeners>
                                                <Select Handler="#{PagingToolbar2}.pageSize = parseInt(this.getValue()); #{PagingToolbar2}.doLoad();" />
                                            </Listeners>
                                        </ext:ComboBox>
                                    </Items>
                                </ext:PagingToolbar>
                            </BottomBar>
                        </ext:GridPanel>


    I need the scrollbar is always visible. And not only in automatic mode, the scrollbar only appears when there are many lines and scrolling becomes available.
    Last edited by Daniil; Mar 10, 2011 at 5:38 PM. Reason: Please use [CODE] tags
  4. #4
    Mar 10, 2011, 5:44 PM
    Please set up the following thing:

    Example
    <style type="text/css">
    .my-grid .x-grid3-scroller {
        overflow : scroll;
    }
</style>

<ext:GridPanel
    runat="server"  
    Cls="my-grid"
    ...>
  5. #5
    Mar 11, 2011, 1:45 PM
    Quote Originally Posted by Daniil View Post
    Please set up the following thing:

    Example
    <style type="text/css">
    .my-grid .x-grid3-scroller {
        overflow : scroll;
    }
</style>

<ext:GridPanel
    runat="server"  
    Cls="my-grid"
    ...>
    Thanks worked perfectly

Similar Threads

  1. [CLOSED] How to remove GridPanel vertical scrollbar?
    By nhg_itd in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Jun 01, 2012, 10:09 AM
  2. [CLOSED] GridPanel Horizontal Scrollbar does not exist
    By tansu in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 28, 2012, 7:11 PM
  3. [CLOSED] GridPanel horizontal scrollbar
    By jeybonnet in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: May 27, 2011, 6:00 AM
  4. [CLOSED] Gridpanel, scrollbar and refresh
    By frytas in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: May 09, 2009, 6:32 PM
  5. [FIXED] [V0.8.0] GridPanel scrollbar
    By methode in forum Bugs
    Replies: 5
    Last Post: Mar 05, 2009, 9:10 AM

Tags for this Thread

Posting Permissions