[2.0.2] Resizable GridPanel in IE - toolbar position on resize

**mike1993** · 9 Apr 2008 8:23 AM

Originally, I created a thread in "Help 2.0" forum, but after trying anything I can think of.. I believe this is a bug. All code tweaks and changes were/are working in FF and Opera, but not in Internet Explorer 6.

On grid resize paging toolbar does not move. Only on mouse over any of the toolbar's button, the bar jumps into correct position

( Original post: http://extjs.com/forum/showthread.php?t=30656 )

Code:

  var grid = new Ext.grid.GridPanel({
        id: 'gridDiv',
        renderTo: 'report-grid',
        width: 725,
        height: 400,
        frame: true,
        title: reportTitle,
//        ctCls: 'gridDiv',
        store: ds,
        cm: cm,
        sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
        autoScroll:true,
        layout: 'fit',
        loadMask: true,
        stripeRows: true,
        viewConfig: {
          autoFill: true,
          forceFit: true
        },
        bbar: new Ext.PagingToolbar( {
          pageSize: pSize,
          store: ds,
          displayInfo: true,
          displayMsg: 'Displaying records {0} - {1} of {2}',
          emptyMsg: "No records to display",
          items: [
            '-', {
            pressed: false,
            enableToggle: false,
            text: 'View Flat File',
            cls: 'x-btn-text-icon details',
            handler: flatFileHandler,
            tooltip : 'Generate flat file for this report'
          }
        })
  });

PHP Code:


  rz.on('resize', resizeHandler, grid );

  function resizeHandler() {
    var box = rz.getEl().getBox();
    grid.setSize( box );
    grid.syncSize();
  }

PHP Code:


<div id="report-grid" style="width:725px; position: static;"></div>

P.S. page has no extra styles. only ext-all.css is used.

**mystix** · 9 Apr 2008 9:10 AM

is there a / what is the doctype in your html?

**mike1993** · 9 Apr 2008 11:01 AM

Code:

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html

  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

       <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">

**HCammus** · 19 Sep 2009 12:42 PM

Somebody found the soluction?

**Animal** · 19 Sep 2009 11:54 PM

When you say "grid resize" I worry.

You are rendering which is evil.

You are also using random incantations which you obviously do not know the meaning of like

Code:

layout: 'fit',

Which is indicative that there are probably terrible problems in the page.

**surendra_leo** · 29 Sep 2009 12:01 PM

I am facing the exact same issue. Was anyone able to get the solution this issue.

Thanks,
Surendra

[2.0.2] Resizable GridPanel in IE - toolbar position on resize

Thread Tools

Search Thread

Display

[2.0.2] Resizable GridPanel in IE - toolbar position on resize

[2.0.2] Resizable GridPanel in IE - toolbar position on resize

Did you get the solution

Did you get the solution