[CLOSED] not contain any records you can display a message centered on the grid

[Daniil]

Please replace your listeners with

<Load Handler="var grid = #{GridPanel3};
               if (grid.rendered) {
                   onLoadGrid(store, records, grid);
               }" />

The more issue which, though, doesn't cause any error, but remove this:

<ViewReady Handler="this.on('viewready');" />

because it doesn't make any sense.

[majunior]

Please replace your listeners with

<Load Handler="var grid = #{GridPanel3};
               if (grid.rendered) {
                   onLoadGrid(store, records, grid);
               }" />

The more issue which, though, doesn't cause any error, but remove this:

<ViewReady Handler="this.on('viewready');" />

because it doesn't make any sense.

Ok, it was very good.
But now when I run the filter on the grid and has no record.
How should I use to call the function DataChanged onLoadGrid?

[Daniil]

How should I use to call the function DataChanged onLoadGrid?

It's the Store listener.

[majunior]

It's the Store listener.

Assembled as follows.
But when you click the button that feeds the store, it states that the "records" is not defined

  <ext:GridPanel ID="GridPanel1" runat="server" StripeRows="true" TrackMouseOver="true"
                                Flex="1">
                                <Store>
                                    <ext:Store ID="Store1" runat="server" AutoLoad="false">
                                        <Reader>
                                            <ext:ArrayReader>
                                                <Fields>
                                                    <ext:RecordField Name="test1" />
                                                    <ext:RecordField Name="test2" />
                                                    <ext:RecordField Name="test3" />
                                                </Fields>
                                            </ext:ArrayReader>
                                        </Reader>
                                        <Listeners>
                                            <Load Handler="var grid = #{GridPanel1};
                                                            if (grid.rendered) {
                                                                onLoadGrid(store, records, grid);
                                                            }" Delay="10" />
                                            <DataChanged Handler="var grid = #{GridPanel1};
                                                            if (grid.rendered) {
                                                                onLoadGrid(store, records, grid);
                                                            }" />
                                        </Listeners>
                                    </ext:Store>
                                </Store>
                                <ColumnModel ID="ColumnModel1" runat="server">
                                    <Columns>
                                        <ext:Column Header="Test1" DataIndex="test1" />
                                        <ext:Column Header="Test2" DataIndex="test2" />
                                        <ext:Column Header="Test3" DataIndex="test3" />
                                    </Columns>
                                </ColumnModel>
                                <View>
                                    <ext:GridView ID="GridView1" runat="server">
                                        <HeaderRows>
                                            <ext:HeaderRow>
                                                <Columns>
                                                    <ext:HeaderColumn Cls="x-small-editor">
                                                        <Component>
                                                            <ext:TextField ID="Filtertest1" 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="Filtertest2" 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="Filtertest3" runat="server" EnableKeyEvents="true">
                                                                <Listeners>
                                                                    <KeyUp Handler="applyFilter(this);" Buffer="250" />
                                                                </Listeners>
                                                            </ext:TextField>
                                                        </Component>
                                                    </ext:HeaderColumn>
                                                </Columns>
                                            </ext:HeaderRow>
                                        </HeaderRows>
                                    </ext:GridView>
                                </View>
                            </ext:GridPanel>

[Daniil]

Please read the ExtJS doc article about DataChanged to know the arguments of this event.
http://dev.sencha.com/deploy/ext-3.3.1/docs/

[majunior]

Please read the ExtJS doc article about DataChanged to know the arguments of this event.
http://dev.sencha.com/deploy/ext-3.3.1/docs/

I tried using this.getAt (0 )||{}

<DataChanged Handler="onLoadGrid(store, this.getAt(0)||{}, #{GridPanel1});" />

But he does not return the amount of stored records.

It was not clear to me how you get the amount of records from the store.

[Daniil]

Please try

<DataChanged Handler="onLoadGrid(store, this.getAllRange()||[], #{GridPanel1});" />

[majunior]

Please try

<DataChanged Handler="onLoadGrid(store, this.getAllRange()||[], #{GridPanel1});" />

If I put my filter in a filter that returns no records, running the command DataChanged "this.getAllRange ()||[]" sends the amount of records that the store is before the filter.

[Daniil]

Please try .getRange() instead of .getAllRange().

[majunior]

Please try .getRange() instead of .getAllRange().

Strange, because if I debug the message correctly.
But when he finished the script executes the command and removes the message below.

Ext.net.ResourceMgr.init({id:"ResourceManager1",BLANK_IMAGE_URL:"/extjs/resources/images/default/s-gif/ext.axd",aspForm:"Form1",theme:"blue"});Ext.onReady(function(){Ext.QuickTips.init();new Ext.net.Viewport({id:"Viewport",renderTo:"Form1",items:[{id:"pnlLayoutMaster",region:"north",boxMinHeight:29,height:226,split:true,items:[{id:"pnlSUtToolbarMaster",height:28},{store:this.Store1=new Ext.ux.data.PagingStore({proxyId:"Store1",reader:new Ext.data.ArrayReader({fields:[{name:"test1"},{name:"test2"},{name:"test3"}]}),directEventConfig:{},proxy:new Ext.data.PagingMemoryProxy({}),listeners:{datachanged:{fn:function(store){onLoadGrid(store, this.getRange()||[], GridPanel1);}},load:{delay:10,fn:function(store,records,options){var grid = GridPanel1;