[CLOSED] Store reload makes scrollbars appear in gridpanel

  1. #1

    [CLOSED] Store reload makes scrollbars appear in gridpanel

    Hi team,

    since hours I'm trying to get rid of the gridpanel h/v scrollbars that appear after reloading store data. When shown for the first time, everything is perfect. After triggering a reload the scrollbars appear for no reason. Why is this, what can I do? When I set AutoHeight/AutoWidth to true, the scrollbars don't appear, but I've got some kind of extra space on the right side of the last column, as if there was another column, I don't know why. Can you help me with this?

    Thanks, Ingo

    <ext:GridPanel
        AutoHeight="true"
        AutoWidth="true"
        Cls="axvGrid"
        EnableColumnMove="false"
        Header="true"
        ID="gridObjektGebaeudeAusstattung"
        IDMode="Static"
        PreventBodyReset="false"
        runat="server"
        Selectable="true"
        StoreID="objektGebaeudeAusstattungStore"
        StripeRows="true"
        >
        <SelectionModel>
            <ext:RowSelectionModel ID="gridObjektGebaeudeAusstattungSelectionModel" runat="server" SingleSelect="true" />
        </SelectionModel>
        <ColumnModel ID="gridObjektGebaeudeAusstattungColumnModel" runat="server">
            <Columns>
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Kostengruppe" DataIndex="KostengruppeName" Width="135" Sortable="false" MenuDisabled="true" Fixed="true" />
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Einfach" DataIndex="IstAusstattung1" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                <Renderer Fn="okIconRenderer" />
                </ext:Column>
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Mittel" DataIndex="IstAusstattung2" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                    <Renderer Fn="okIconRenderer" />
                </ext:Column>
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Gehoben" DataIndex="IstAusstattung3" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                    <Renderer Fn="okIconRenderer" />
                </ext:Column>
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_StarkGehoben" DataIndex="IstAusstattung4" Width="90" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                    <Renderer Fn="okIconRenderer" />
                </ext:Column>
                <ext:Column Header="Objekt_gridGebaeudeAusstattung_GewichtungProzent" DataIndex="GewichtungProzent" Width="35" Align="Right" Sortable="false" MenuDisabled="true" Fixed="true">
                                    <Renderer Fn="prozentRenderer" />
                </ext:Column>
                <ext:NumberColumn Header="Objekt_gridGebaeudeAusstattung_Produkt" DataIndex="Produkt" Width="52" Align="Center" Format="0.00" Sortable="false" MenuDisabled="true" Fixed="true" />
            </Columns>
        </ColumnModel>
    </ext:GridPanel>
    private void RefreshGebaeudeAusstattungBewertung(int gebaeudeId)
    {
        this.objektGebaeudeAusstattungErgebnisStore.DataSource = DARepository.GebaeudeAusstattungDataService.LoadGebaeudeAusstattungBewertungList(gebaeudeId);
        this.objektGebaeudeAusstattungErgebnisStore.DataBind();
        this.gridObjektGebaeudeAusstattungErgebnis.DoLayout();
    }
    Attached Thumbnails Click image for larger version. 

Name:	ScrollBars.png 
Views:	61 
Size:	23.8 KB 
ID:	5576  
    Last edited by Daniil; Feb 19, 2013 at 3:32 AM. Reason: [CLOSED]
  2. #2
    Hi @ingo.bleile,

    Is the issue still actual?

    I just saw this thread. Moved to Premium.
  3. #3
    Hi Daniil - yes, it is!
  4. #4
    What is a container of the GridPanel?

    Are you able to provide a sample to reproduce? Then, probably, the problem will be resolved quickly.
  5. #5
    Hi Daniil,

    the direct parents are a container and a tabPanel:

                    <ext:Panel 
                        AutoScroll="true"
                        Border="true"
                        Closable="false"
                        Disabled="false"
                        ID="tabAusstattungsstandard"
                        IDMode="Static"
                        LabelWidth="80"
                        Padding="6"
                        runat="server"
                        Title="Objekt_Tab_Ausstattungsstandard"
                        >
                        <Items>
                            <ext:Container
                                ID="tabAusstattungsstandardContainer"
                                Layout="HBoxLayout"
                                runat="server"
                                >
                                <LayoutConfig>
                                    <ext:HBoxLayoutConfig DefaultMargins="5" />
                                </LayoutConfig>
                                <Items>
    
                                    <ext:GridPanel
                                        AutoHeight="true"
                                        AutoWidth="true"
                                        Cls="axvGrid"
                                        EnableColumnMove="false"
                                        Header="true"
                                        ID="gridObjektGebaeudeAusstattung"
                                        IDMode="Static"
                                        PreventBodyReset="false"
                                        runat="server"
                                        Selectable="true"
                                        StoreID="objektGebaeudeAusstattungStore"
                                        StripeRows="true"
                                        >
                                        <SelectionModel>
                                            <ext:RowSelectionModel ID="gridObjektGebaeudeAusstattungSelectionModel" runat="server" SingleSelect="true" />
                                        </SelectionModel>
                                        <ColumnModel ID="gridObjektGebaeudeAusstattungColumnModel" runat="server">
                                            <Columns>
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Kostengruppe" DataIndex="KostengruppeName" Width="135" Sortable="false" MenuDisabled="true" Fixed="true" />
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Einfach" DataIndex="IstAusstattung1" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="okIconRenderer" />
                                                </ext:Column>
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Mittel" DataIndex="IstAusstattung2" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="okIconRenderer" />
                                                </ext:Column>
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_Gehoben" DataIndex="IstAusstattung3" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="okIconRenderer" />
                                                </ext:Column>
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_StarkGehoben" DataIndex="IstAusstattung4" Width="90" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="okIconRenderer" />
                                                </ext:Column>
                                                <ext:Column Header="Objekt_gridGebaeudeAusstattung_GewichtungProzent" DataIndex="GewichtungProzent" Width="35" Align="Right" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="prozentRenderer" />
                                                </ext:Column>
                                                <ext:NumberColumn Header="Objekt_gridGebaeudeAusstattung_Produkt" DataIndex="Produkt" Width="52" Align="Center" Format="0.00" Sortable="false" MenuDisabled="true" Fixed="true" />
                                            </Columns>
                                        </ColumnModel>
                                        <Listeners>
                                            <DblClick Handler="if(objektGebaeudeAusstattungStore.getCount() > 0) { directMethods.ShowGebaeudeAusstattungWindow(); }" />
                                        </Listeners>
                                    </ext:GridPanel>
    
                                    <ext:GridPanel
                                        AutoHeight="true"
                                        AutoWidth="true"
                                        DisableSelection="true"
                                        EnableColumnMove="false"
                                        Header="true"
                                        ID="gridObjektGebaeudeAusstattungErgebnis"
                                        IDMode="Static"
                                        PreventBodyReset="false"
                                        runat="server"
                                        Selectable="true"
                                        StoreID="objektGebaeudeAusstattungErgebnisStore"
                                        StripeRows="true"
                                        >
                                        <ColumnModel ID="gridObjektGebaeudeAusstattungErgebnisColumnModel" runat="server">
                                            <Columns>
                                                <ext:Column Header="Objekt_gridObjektGebaeudeAusstattungErgebnis_Standard" DataIndex="AusstattungsstandardName" Width="100" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true" />
                                                <ext:Column Header="Objekt_gridObjektGebaeudeAusstattungErgebnis_Bewertungskategorie" DataIndex="Bewertungskategorie" Width="85" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true" />
                                                <ext:Column Header="Objekt_gridObjektGebaeudeAusstattungErgebnis_Ergebnis" DataIndex="Ergebnis" Width="60" Align="Center" Sortable="false" MenuDisabled="true" Fixed="true">
                                                    <Renderer Fn="zeroToEmptyRendererWithDecimals" />
                                                </ext:Column>
                                            </Columns>
                                        </ColumnModel>
                                        <View>
                                            <ext:GridView AutoFill="true">
                                                <GetRowClass Fn="function(record, index) {if (record.get('Ergebnis')) {return 'axvRowYellow';}}" />
                                            </ext:GridView>
                                        </View>
                                    </ext:GridPanel>
    
                                </Items>
                            </ext:Container>
                        </Items>
                    </ext:Panel>
    As mentioned first, the GridPanel height & width have been set to fixed values which was fine.

                                    <ext:GridPanel
                                        Height="300"
                                        Width="513"
    But after store reload, the scroll bars appear.

    Thanks, Ingo
    Attached Thumbnails Click image for larger version. 

Name:	ScrollBars1.png 
Views:	57 
Size:	20.1 KB 
ID:	5605   Click image for larger version. 

Name:	ScrollBars2.png 
Views:	58 
Size:	21.4 KB 
ID:	5604  
  6. #6
    Thank you for the details and a code snippet. It is helpful to understand the problem better.

    But to try help you, we need a full sample to reproduce the problem on our side. Please provide.

Similar Threads

  1. [CLOSED] [1.2] GridPanel and Store reload scroll position?
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Oct 17, 2011, 5:45 PM
  2. [CLOSED] AutoHeight gridpanel and scrollbars
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Sep 22, 2010, 5:06 PM
  3. Replies: 3
    Last Post: Oct 08, 2009, 11:57 AM
  4. [CLOSED] GridPanel scrollbars
    By danielg in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: May 21, 2009, 1:01 AM
  5. Databind / Reload Store and GridPanel Problem
    By locoperoguapo in forum 1.x Help
    Replies: 5
    Last Post: Feb 10, 2009, 9:23 AM

Posting Permissions