Ext.ux.LiveGrid

[Animal]

That should probably be set programatically using Ext.getScrollBarWidth()

[a.labeau]

Hello everybody.

I would like to use Ext.ux.liveGrid with a list of 100 000 data.

I used a Ext.data.DirectProxy to retrieve my list but I don't see my data...

Here the code :

/*
 * Example windows
 */

Ext.Direct.addProvider(Ext.app.REMOTING_API);

showTime.app.MyDesktop.LiveGridTest = Ext.extend(Ext.app.Module, {
    id:'LiveGridTest-win',
    init : function(){
        this.launcher = {
            text: 'LiveGridTest',
            iconCls:'icon-grid',
            handler : this.createWindow,
            scope: this
        }
    },

    createWindow : function(){
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('LiveGridTest-win');
        if(!win)
        {
            var myView = new Ext.ux.grid.livegrid.GridView({
                nearLimit : 300,
                loadMask  : 
                {
                    msg :  'Buffering. Please wait...'
                }
            });
            
            win = desktop.createWindow({
                id: 'LiveGridTest-win',
                stateful:false,
                title:'Grid Window',
                width:740,
                height:480,
                shim:false,
                animCollapse:false,
                constrainHeader:true,

                layout: 'fit',
                items:
                [
                    new Ext.ux.grid.livegrid.GridPanel({
                        enableDragDrop : false,
                        loadMask       : {
                            msg : 'Loading...'
                        },
                                id: 'objectGrid',        
                        store : new Ext.ux.grid.livegrid.Store({
                                            // note by F.M.:livegrid needs to run with it's own store and we need to define our proxy object here instead of directly in the store
                                            proxy: new Ext.data.DirectProxy({
                                            api : {
                                                read : Ext.app.ShowTimeManager.getListLiveGrid
                                            }                                
                                            }),
                                            
                                            storeId : 'objectStore',
                                            fields : ['number', 'text', 'date'],
                                            
                                            reader     : new Ext.ux.grid.livegrid.JsonReader({
                                                    root            : '',
                                                    versionProperty : 'version',
                                                    totalProperty   : 'total',
                                                    id              : 'id'
                                                  }, [ {
                                                     name : 'number', sortType : 'string'
                                                  },{
                                                     name : 'text', sortType : 'string'
                                                  },{
                                                     name : 'date', sortType : 'string'
                                                  }]),
                                            bufferSize : 300,
                                            listeners    :
                                            {
                                                
                                                
                                                'load' : function(store,records)
                                                {
                                                    alert(records);
                                                    alert(records[0]);
                                                    alert(records[0].get("number"));
                                                    alert(records.length);
                                                }
                                            }
                                             
                                }),
                                columns: [
                                    {id:'number',header: 'Number', width: 160, sortable: true, dataIndex: 'number'},
                                    {header: 'text', width: 75, sortable: true, dataIndex: 'text'},
                                    {header: 'date', width: 75, sortable: true, dataIndex: 'date'}
                                ],
                                
                                viewConfig : {
                                    forceFit : true
                                },
                                stripeRows: true,
                                title: 'Objects',
                                stateful: true,
                                stateId: 'objectGrid',
                                
                        selModel : new Ext.ux.grid.livegrid.RowSelectionModel(),
                        view     : myView,
                        bbar     : new Ext.ux.grid.livegrid.Toolbar({
                            view        : myView,
                            displayInfo : true
                        })
                    })
                ]
            });
        }
        win.show();
    }
});

[JimmyInMD]

Is there are way to refresh the data without changing the scrollbar position? I have looked for a couple hours and haven't found the solution.

Thanks!

[chh]

Is there are way to refresh the data without changing the scrollbar position? I have looked for a couple hours and haven't found the solution.

NicoP talks about something like that here http://www.extjs.com/forum/showthrea...587#post413587

[wm003]

When using a normal Ext-Grid, i just prevent the scrolling this way:

...
view: new Ext.grid.GridView({
   scrollToTop:Ext.emptyFn,    //prevents scrolling to top of grid on reload
... 

i haven't tested this on the livegrid yet, maybe it also works there

[praneeth528]

Hi

I've been using Ext 2.1 version for sample coding with Ext JS. Does this Live Grid works with 2.1 version? I've replaced the php file with my JSP part. But when I'm trying to scroll (buffer:300) ., it's sending server requests for every single index. i.e instead of sending after 300., it's going on for just 1 index. Is there any flaw in my way.

Can anybody help me on these.....

[a.labeau]

It's ok now, I forgot to insert the CSS of the liveGrid. So It didn't work...

But now It works!
Thanks for help

[praneeth528]

Hi.,

I got the problem in my code. After changing the buffer limit it's working good....

I need s small clarification:::: Can we get the updated data set for grid after scroll from javascript instead of sending request to a server page? So that no of requests to server program will reduce i guess if server request is not required .

Any suggestions on this one pls...

[JimmyInMD]

When using a normal Ext-Grid, i just prevent the scrolling this way:

...
view: new Ext.grid.GridView({
   scrollToTop:Ext.emptyFn,    //prevents scrolling to top of grid on reload
... 

i haven't tested this on the livegrid yet, maybe it also works there

Thanks for the suggestion, but that doesn't work.

I am doing grid.store.reload() to do the actual refresh. Is that what I should be using?

[benjixx]

Hi,

I'm just wondering when we can expect to see LiveGrid support for ExtJS 3.2.
Are there any concrete plans and release schedule for an upcoming release?

Regards,
Ben