Ext.ux.LiveGrid

[simplessus]

Related to : Out of sync headers and rows when large number of columns displayed in Livegrid.


I can confirm this, I also have it. I am using ExtJS 3.2.

[wm003]

Me too, although it's a bit different, the whole grid gets wider calculated making the horizontal scrollbar bigger as it should be.
As said, it only happens on large grids with many columns which need a horizontal scrollbar, scrolling to the right, and clicking in some cell on the right columns

[pclovec]

There have any event can auto refresh livegrid. the grid only show 1 record issuer doesn't fix. so i only try to refresh data(or refresh render) after load and render.

such as listeren afterload or afterrender event. but current i didn't found out , also store call back function is doesn't work.

Thanks

[Bing Qiao]

Me too, although it's a bit different, the whole grid gets wider calculated making the horizontal scrollbar bigger as it should be.
As said, it only happens on large grids with many columns which need a horizontal scrollbar, scrolling to the right, and clicking in some cell on the right columns

I'm experiencing a similar problem with the v0.1 of Ext.ux.grid.BufferedGridView after upgrading to Ext3.

The cause to me seems to be the change made to setXY in Ext.

By setting xy[0] = 0 before this.focusEl.setXY(xy) in focusCell of BufferedGridView.js (or GridView.js?) could solve the problem, at least on the surface. This may have the same effect on GridView.js but to be honest I don't quite understand how those calculations on coordinates work so not sure if this is the right approach.

Just found the following thread.

http://www.extjs.com/forum/showthrea...-scroll-issue.

Replacing the c.scrollLeft with this.el.getX() seems to work too.

[wm003]

Replacing the c.scrollLeft with this.el.getX() seems to work too.

You made my day! Thanks a lot!

[plaak]

Has anyone implemented CellSelectionModel for Livegrid? I don't see any support for it in the code and I could really use it.

Thanks

[dearsina]

Most browsers will not handle more than 1-2m records. Firefox will stop showing a scrollbar, IE7 will show the scroll bar, but will stop at approx 191k rows.

I really dislike criticising an open source effort like this, because the author has been so generous with his work; but I still consider this a big enough issue to merit a warning to fellow programmers that are thinking of implementing it on very large data sets. It has been raised as a ticket, but it seems the ticketing system has been overrun by spam, so I thought it wise to mention again here.

Perhaps we can combine this very useful idea with a paging toolbar?

[emily]

Hi,

I think I have found an IE 8 bug. IE was throwing an error on line 1733 of livegrid-all-debug.js because this.scrollOffset was undefined. The code that was causing the error to be thrown was this:

if (hiddenRows == 0) {
    this.scroller.setWidth(elWidth);
    liveScrollerDom.style.display = 'none';
    return;
} else {
    this.scroller.setWidth(elWidth-this.scrollOffset);
    liveScrollerDom.style.display = '';
}

setWidth was moaning that elWidth-this.scrollOffset was NaN, so I changed it to this in my copy:

if (hiddenRows == 0) {
    this.scroller.setWidth(elWidth);
    liveScrollerDom.style.display = 'none';
    return;
} else {
    if (this.scrollOffset) {
        this.scroller.setWidth(elWidth-this.scrollOffset);
    } else {
        this.scroller.setWidth(elWidth);
    }
    liveScrollerDom.style.display = '';
}

Which made it work for me (probably not best workaround). Not sure which version of livegrid (it might be useful if the livegrid version is added to the head of the files), but one that works with extjs 3.2.1.

Em

[sosy]

Wow! I like this, added to my favorites... first impression and thoughts => What is this! cool thnx

[Dumbledore]

Hi,

i try the live grid with the Ext 3.3 beta release and it will not run. Does anyone run this without errors?

[EDIT]

The GridView in Ext3.3 is refactored so the overwriting in Livegrid must change.

Rename the renderUI function to afterRenderUI and also the superclass call inside. After that the livegrid should run.

    afterRenderUI : function()  //  org: renderUI
    {
        var g = this.grid;
        var dEnabled = g.enableDragDrop || g.enableDrag;

        g.enableDragDrop = false;
        g.enableDrag     = false;

        this._gridViewSuperclass.afterRenderUI.call(this); // org: this._gridViewSuperclass.renderUI.call(this);

        var g = this.grid;

        g.enableDragDrop = dEnabled;
        g.enableDrag     = dEnabled;

        if(dEnabled){
            this.dragZone = new Ext.ux.grid.livegrid.DragZone(g, {
                ddGroup : g.ddGroup || 'GridDD'
            });
        }

        if (this.loadMask) {
            this._loadMaskAnchor = Ext.get(this.mainBody.dom.parentNode.parentNode);
            Ext.apply(this.loadMask,{
                msgCls : 'x-mask-loading'
            });
            this._loadMaskAnchor.mask(
                this.loadMask.msg, this.loadMask.msgCls
            );
            var dom  = this._loadMaskAnchor.dom;
            var data = Ext.Element.data;
            data(dom, 'mask').addClass('ext-ux-livegrid');
            data(dom, 'mask').setDisplayed(false);
            data(dom, 'maskMsg').setDisplayed(false);
        }
    },