Ext.ux.LiveGrid

[pibree]

Have someone any suggestion?

[ixvivxi]

Using the code found in this thread, I managed to get the LiveGrid to work on Ext JS 3.3.1. It appears to work well as a replacement for the standard grid, but operating multiple grids in parallel from a single LiveGrid store requires additional event handling. Is there any source available which enables operating multiple LiveGrids from the same store in parallel?

[nosferatum]

Having problem when trying to create LiveGrid with multiline toolbars.
I do something like setting Ext.ux.grid.livegrid.GridPanel's toolbar to 2 toolbars:

bbar: new Ext.Panel({
items:
[
{ // additional toolbar
xtype: 'toolbar',
items:
[
new Ext.Button({ text: 'My text'})
]
},
new Ext.ux.grid.livegrid.Toolbar({ view: gridView, displayInfo: true }) // liveGrid's standard toolbar
]
})

This code fails on livegrid-all-debug.js, line 3326 with error 'this.loading is undefined',
in setting listeners for toolbar:

disableLoading : function()
{
this.loading.setDisabled(true); // here this.loading is undefined
},

Debugging says that, while 'this' points to Ext.ux.grid.livegrid.Toolbar, this.loading (which is refresh button actually) was still not created. It is created in onRender of Ext.ux.grid.livegrid.Toolbar (livegrid-all-debug.js, line 3382) , but this code is not called.
So, the listener is called without rendering the Ext.ux.grid.livegrid.Toolbar.

Most likely, the problem is that bbar of LiveGrid is now Ext.Panel with an array of toolbars instead of the only Ext.ux.grid.livegrid.Toolbar object. Probably, render is called for this array and not for Ext.ux.grid.livegrid.Toolbar.
I'd suppose this this to be fixed so that Ext.ux.grid.livegrid.Toolbar would be looked through all items of bbar property, if it is a panel with an array of toolbars.

[su-aska]

Ext.ux.grid.livegrid.GridView override Ext.grid.GridView's initElements but no support hideHeaders.

    initElements : function()
    {
        var E = Ext.Element;

        var el = this.grid.getGridEl().dom.firstChild;
	    var cs = el.childNodes;

	    this.el = new E(el);

        this.mainWrap = new E(cs[1]);

        // liveScroller and liveScrollerInsets
        this.liveScroller       = new E(cs[0]);
        var f = this.liveScroller.dom.firstChild;
        this.liveScrollerInsets  = [
            f,
            f.nextSibling,
            f.nextSibling.nextSibling
        ];
        this.liveScroller.on('scroll', this.onLiveScroll,  this, {buffer : this.scrollDelay});

        var thd = this.mainWrap.dom.firstChild;
	    this.mainHd = new E(thd);

        // support hideHeaders begin
        if (this.grid.hideHeaders) {
            this.mainHd.setDisplayed(false);
        }
        // support hideHeaders end
        // ...

[ThorstenSuckow]

Ext.ux.Livegrid 0.5 has just been released which brings compatibility for ExtJS' 3.3 branch. You can download it here: http://www.ext-livegrid.com/download/

[tobiu]

WB Thorsten, good job!


Best regards
Tobias

[ThorstenSuckow]

Those release candidates introduce minor bugfixes and the CheckboxSelectionModel for both ExtJS 3.3 and ExtJS 3.1+. More release notes on the first page of this thread. As usual, you can download the files here http://www.ext-livegrid.com/download/

[jenner]

Ext.ux.Livegrid 0.5 has just been released which brings compatibility for ExtJS' 3.3 branch.[/url]

Awesome news, thank you so much for your work, I really appreciate it.

[wm003]

Thorsten, could you please implement the little fix for the horzontal scrolling issue from here into your 0.5x branch?

It's just a little fix at the end of method "ensureVisible" (just remove the c.scrollLeft addition) and works great.

return cellEl ?
            Ext.fly(cellEl).getXY() :
            [/*c.scrollLeft+*/this.el.getX(), Ext.fly(rowEl).getY()]; 

[ThorstenSuckow]

Thanks, I'll have a look at it. Once RCs gets stable I'll let you know what makes it into the next release.