Ext.ux.LiveGrid

[ektanit]

I just now updated my livegrid java scripts and also ExtJS to be compatible with RC2 Release of ExtJS 3.0.
When I am trying to render the live grid, it is throwing the error- Please suggest me what am I missing. Is there a demo of live grid with RC2 compatibility.


this.loading is undefined
this.loading.setDisabled(true);

My code is as below. This was working fine until I upgraded to RC2. Here is the link from where I downloaded the rar file for live grid rc2 http://ext-ux-livegrid.googlecode.co...rid-0.3RC2.rar

Ext.ux.Livegrid = Ext.extend(Ext.ux.grid.livegrid.GridPanel, {

    initComponent : function()
    {
         
        var bufferedReader = new Ext.ux.grid.livegrid.JsonReader({
            root            : 'grid.gridData',           
            totalProperty   : 'grid.totalProperty',
            id              : 'tradeId'
          }, [
              --my columns         
         ]);

        
        this.store = new Ext.ux.grid.livegrid.Store({
            autoLoad   : true,
            bufferSize : 300,
            reader     : bufferedReader,
            baseParams: {'action': 'listTrades'},
            sortInfo   : {field: 'tradeId', direction: 'ASC'},
            url        : '/ext/testServlet'
        });

        
        this.selModel = new Ext.ux.grid.livegrid.RowSelectionModel();

         
        this.view = new Ext.ux.grid.livegrid.GridView({
            nearLimit      : 100,
            loadMask : {
                msg : 'Please wait...'
            }
        });

        
        this.bbar = new Ext.ux.grid.livegrid.Toolbar({
            view        : this.view,
            displayInfo : true
        });

        Ext.ux.Livegrid.superclass.initComponent.call(this);
    }

});
        
       var liveGrid = new Ext.ux.Livegrid({
            enableDragDrop : false
             ,columns:[                               
                    -- my columns
              ]
            ,loadMask       : {
                msg : 'Loading...'
            }               
            ,width:1200
            ,height: 500
            ,title: 'Scrolling Table'
           
        });
        
        function LoadAndShowLiveGrid(combovalue,clientcombo){
        // configure callback  
        liveGrid.getStore().on('load', loadSuccessful);
        // render the grid
        liveGrid.getStore().removeAll(); 
        liveGrid.show();
        liveGrid.render(document.getElementById('tradeGrid'));    
        var urlStr = prepare the url str
        Ext.Ajax.request({
              url:  urlStr,
              success: function(response) {  
              var data = splitResponse( response); 
              liveGrid.getStore().reload();
              fetchDb = false;
        }
        });           
    }

[ThorstenSuckow]

I just now updated my livegrid java scripts and also ExtJS to be compatible with RC2 Release of ExtJS 3.0.
When I am trying to render the live grid, it is throwing the error- Please suggest me what am I missing. Is there a demo of live grid with RC2 compatibility.

You can get the latest release here: http://www.ext-livegrid.com/download (see also notes on the startpage of the Google Code Project).

[ektanit]

I had already taken the latest release by navigating from the URL you sent me
http://www.ext-livegrid.com/download ->
http://wiki.ext-livegrid.com/wiki/User/Download ->
http://ext-ux-livegrid.googlecode.co...rid-0.3RC2.rar

But still not getting what configuration to add to my live grid creation to get away with the error this.loading is undefined ?

[ThorstenSuckow]

I had already taken the latest release by navigating from the URL you sent me
http://www.ext-livegrid.com/download ->
http://wiki.ext-livegrid.com/wiki/User/Download ->
http://ext-ux-livegrid.googlecode.co...rid-0.3RC2.rar

But still not getting what configuration to add to my live grid creation to get away with the error this.loading is undefined ?

You are right, the instructions on the wiki page can be a bit confusing. I have updated the wiki entry to be more clear about the various download options.

[ektanit]

See here is the problem I found when I debugged the point of error. i am getting error this.loading not defined for a Ext.ux.grid.livegrid.Toolbar which has various listeners like

enableLoading : function()
{
this.loading.setDisabled(false);
},

Now loading should be a config parameter either in livegrid.Toolbar or Ext.Toolbar which I do not find in version RC2. Is my conclusion correct ? What should I do not resolve this ?

[ThorstenSuckow]

See here is the problem I found when I debugged the point of error. i am getting error this.loading not defined for a Ext.ux.grid.livegrid.Toolbar which has various listeners like

enableLoading : function()
{
this.loading.setDisabled(false);
},

Now loading should be a config parameter either in livegrid.Toolbar or Ext.Toolbar which I do not find in version RC2. Is my conclusion correct ? What should I do not resolve this ?

As said, check out the latest code from svn://svn.ext-livegrid.com/branches/3.0/trunk
The problem you encounter is a missing return param in Ext 3.0 which was fixed in one of the later revisions.

[ektanit]

Ok see here is what I did. I downloaded SVN client ( TortoiseSVN) to access your repository but when I access it give me unknown hostname- svn.ext-livegrid.com.
Then, what I did is went to the Browse Source link and then opened up the source of livegrid-all-debug.js (branches/Ext3.0/trunk) , scrolled down to the bottom of the page and downloaded the file using the link 'download in other format/original format' .

This now included in my source and retried but still getting the same error. A couple of questions
1. Why do I get unknown host name. Do you have any SVN client I can try out.
2. I think livegrid-all-debug.js together with css file is all you need to have the live grid come up. if not, what other files should I include.


Can you help please.

[ThorstenSuckow]

1. Why do I get unknown host name. Do you have any SVN client I can try out.

Dunno, maybe a firewall blocking svn protocoll? Did you clearly use svn://svn.ext-livegrid.com as the url? Best SVN client so far is TortoiseSVN, IMHO.

2. I think livegrid-all-debug.js together with css file is all you need to have the live grid come up. if not, what other files should I include.

Yes, either livegrid-all-debug.js or livegrid-all.js (along with the css file).
See here for a changeset, it does not look like you have the proper files, since the latest revision for the 3.0 branch had this issue fixed.

[cs_alpha]

First of all, thanks for this great plugin!

Unfortunalety I'm having some trouble with large selections in the grid. When I start a selection, scroll down a lot and finish the selection with the shift key. It looks like I selected all the records. But when I retreive the selection info from the selectionmodel, It only gives me a part of the selection. This is probably only the information that's in the buffer at that moment.

How can I make sure that the whole selection is in the buffer and ready to read?

[ThorstenSuckow]

First of all, thanks for this great plugin!

Unfortunalety I'm having some trouble with large selections in the grid. When I start a selection, scroll down a lot and finish the selection with the shift key. It looks like I selected all the records. But when I retreive the selection info from the selectionmodel, It only gives me a part of the selection. This is probably only the information that's in the buffer at that moment.

How can I make sure that the whole selection is in the buffer and ready to read?

Handling selections which were not part of the record-set in the buffer is somewhat different, yet not feature complete in the current version of Livegrid. However, here's the basic workflow:

Call "getPendingSelections()" from the RowSelectionModel. This will return an array with ranges of assumed indizes of the records which were not in the buffer, but marked as selected.
Then, pass this array to the Store by calling "loadSelections(ranges)". This will invoke a server request by passing all indizes of the selected records (which have not yet been buffered) to your server side script. Of course, you'd have to implement your own logic to return the appropriate records based on the ranges.

Target release for a fully functional "pending selection" is 0.4, which also will consider the "version" property, along with a documentation on how to handle this best. make sure you do not use this feature in a live environment, as it may lead to data inconsistency when deleting /updating selected records which were pending.