[2.0b1/rc1] GridPanel rendering bug in IE

[brian.moeskau]

FYI, we're following this thread and will take a look at the issue.

[Zyclops]

I tried a few more things (playing with overflows floats and positionings). None of them fixed the issue (or none of them fixed the issue without breaking something else )

A contractor that is working with us has provided a work-around/override. i'll post tomorrow.

Any luck with your work-around?

[dingdangxiaoma]

你们好啊,我也遇到了这样子的一个问题,但也没有能够很好去解决这个问题,希望你们能给出一个很好的想法,或是意见什么的呢,
一直关注的啊.

[Zyclops]

你们好啊,我也遇到了这样子的一个问题,但也没有能够很好去解决这个问题,希望你们能给出一个很好的想法,或是意见什么的呢,
一直关注的啊.

According to babelfish:
Hello, I have also met a this appearance question, but also does not have to be able very good to solve this problem, hoped you can produce a very good idea, perhaps opinion any, always pays attention

[jay@moduscreate.com]

consider this a temporary patch until Jack & Team can get the official fix out.

Ext.override(Ext.layout.ContainerLayout,{
    layout : function(){
        var target = this.container.getLayoutTarget();
        // this is to fit the body el to the wrapper again...
        if ( this.container.bwrap ) {
            var w=this.container.bwrap.getBox().width;
            if(this.container.frame){
                w-=this.container.getFrameWidth();
            }
            if(w!=target.getBox().width){
                //alert("Resizing container from "+target.getBox().width+" to "+w);
                target.setWidth(w);
            }
        }
        this.onLayout(this.container, target);
        
    }
});
Ext.override(Ext.grid.GridView,{layout : function(){
    if(!this.mainBody){
        return; // not rendered
    }
    var g = this.grid;
    var c = g.getGridEl(), cm = this.cm,
            expandCol = g.autoExpandColumn,
            gv = this;

    var csize = c.getSize(true);
    csize.width=g.getEl().getBox().width;
    var vw = csize.width;

    if(!vw || !csize.height){ // display: none?
        return;
    }

    if(g.autoHeight){
        this.scroller.dom.style.overflow = 'visible';
    }else{
        this.el.setSize(csize.width, csize.height);

        var hdHeight = this.mainHd.getHeight();
        var vh = csize.height - (hdHeight);

        this.scroller.setSize(vw, vh);
        this.innerHd.style.width = (vw)+'px';
    }
    if(this.forceFit){
        if(this.lastViewWidth != vw){
            this.fitColumns(false, false);
            this.lastViewWidth = vw;
        }
    }else {
        this.autoExpand();
    }
    this.onLayout(vw, vh);
}
}); 

[jack.slocum]

Some things to try:

- Remove autoScroll:true from the GridPanel
- width:'800' is invalid. You want width:800
- A grid cannot have an auto width. It must either have a width set or be part of a layout which will manage setting its width.

[jay@moduscreate.com]

Welcome back my man!

[Zyclops]

- A grid cannot have an auto width. It must either have a width set or be part of a layout

Does sticking it in a container without a specified width count?
var container = new Ext.Container({applyTo: element_id,
layout: 'fit',
items: this.grid});

consider this a temporary patch until Jack & Team can get the official fix out.

Cheers for posting.. couldn't get it to resize the grid. I'm wondering if we've got slightly different setup. I've just got a single GridPanel with almost no settings wrapped in the fit layout shown above.

It didn't run because bwrap in this.container is undefined (checked through firebug). brwap only seems to be definied in panel layouts.

Ext.override(Ext.layout.ContainerLayout,{
    layout : function(){
        var target = this.container.getLayoutTarget();
        // this is to fit the body el to the wrapper again...
        if (this.container.bwrap) {

I've also tried just on the gridpanel itself using:

new Ext.grid.GridPanel({applyTo: 'myelementid', 
				store:  ds,
                                cm: colModel})

[jay@moduscreate.com]

wrap your grid in a panel and your fine then --- for now

[Zyclops]

I tried that.. but the target.getBox then isn't the offending grid so it didn't resize.

I'm organising a party if I manage to get this working