[CLOSED] Show LoadMask on gridpanel - server side

[John_Writers]

Hi,
I would like to show the load mask over a gridpanel while I'm refreshing it's content.

        
        private void LoadGridData()        {
            int? ID_Type_Detail = ExtNetUtility.GetValueFrom_ComboBox(cboFilterTypeDetails);

            //how could I show the load mask?


            //load data
            this.stManutenzioni.DataSource = InventoryCore.GetMaintenanceMtoTypeCross(ID_INV_USER, ID_Type_Detail);
            this.gpManutenzioni.Render();

        }

I think to hide the load mask I should add that code on some store event that fire when the data is loaded on the store.

Thanks for your help.

Have a good day.

[Daniil]

Hi @John_Writers,

I have a few questions first.

Please clarify why do you do that?

this.gpManutenzioni.Render();

It should not be required to reload a GridPanel's Store.

Also how your Store is configured? Please demonstrate.

[John_Writers]

Hi,
this is the definition of the gridpanel and the store

<ext:GridPanel ID="gpManutenzioni"                             runat="server" 
                            Title="Configurazione tipo" 
                            MarginSpec="2 2 2 2"
                            Region="Center"
                            AutoDataBind="true"
                            Height="200"
                            AutoScroll="true"
                            >
                            <Store>
                                <ext:Store ID="stManutenzioni" 
                                    runat="server">
                                    <Model>
                                        <ext:Model ID="Model2" runat="server">
                                            <Fields>
                                                <ext:ModelField Name="Id_INV_AMMtoTypeCross" Type="Int" />
                                                <ext:ModelField Name="Id_INV_MTOType" Type="Int" />
                                                <ext:ModelField Name="MTOType" Type="String" />
                                                <ext:ModelField Name="Id_INV_AMTypeDetails" Type="Int" />
                                                <ext:ModelField Name="AMTypeDetails" Type="String" />
                                                <ext:ModelField Name="Recurrence" Type="Int" />
                                                <ext:ModelField Name="ID_INV_CriticalLevel" Type="Int" />
                                                <ext:ModelField Name="CriticalLevel" Type="String" />
                                                <ext:ModelField Name="TechnicalDocument" Type="String" />    
                                                <ext:ModelField Name="Active" Type="Boolean" />
                                             </Fields>
                                        </ext:Model>
                                    </Model>
                                </ext:Store>
                            </Store>
                            <ColumnModel ID="ColumnModel1" runat="server">
                                <Columns>
                                    
                                    <ext:Column ID="Column12" runat="server" Text="Type Detail" DataIndex="AMTypeDetails" Width="150" MenuDisabled="true" />
                                    <ext:Column ID="Column1" runat="server" Text="Tipo Manutenzione" DataIndex="MTOType" Width="250"  MenuDisabled="true"/>
                                    <ext:Column ID="Column3" runat="server" Text="Recurrence" DataIndex="Recurrence" Width="90" MenuDisabled="true" />
                                    <ext:Column ID="Column7" runat="server" Text="CriticalLevel" DataIndex="CriticalLevel" Width="90"  MenuDisabled="true"/>
                                    <ext:Column ID="Column8" runat="server" Text="TechnicalDocument" DataIndex="TechnicalDocument" Width="500"  MenuDisabled="true"/>
                                    <ext:CheckColumn ID="Column10" runat="server" Text="Active" DataIndex="Active" Width="60"  MenuDisabled="true"/>
                                </Columns>
                            </ColumnModel>
                        <SelectionModel>
                            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Single">
                                <Listeners>
                                    <Select Handler="#{btnDeleteTypeCross}.show();
                                                     #{btnEditTypeCross}.show();
                                                    " />
                                    <Deselect Handler="#{btnDeleteTypeCross}.hide();
                                                     #{btnEditTypeCross}.hide();" />
                                </Listeners>
                            </ext:RowSelectionModel>
                        </SelectionModel>
                    </ext:GridPanel>

I call the render function because if I don't call it the gridpanel doesn't refresh data.
Is there a configuration to avoid this render call?

Thanks!

[Daniil]

It should look like this:

this.Store1.DataSouce = newData;
this.Store1.DataBind();

Please try. This change will affect the rendering process of the new data and, respectively, the delay of rendering will be less. So, do you still need a mask?

[John_Writers]

Awesome!

It's crazy fast!

Thanks!

Up to now, I don't need a LoadMask.