Results 1 to 2 of 2

Thread: GridPanel + resizer in IE6

  1. #1
    Sencha Premium Member
    Join Date
    Mar 2007
    Posts
    179
    Vote Rating
    1
      0  

    Question GridPanel + resizer in IE6

    This is my second bout w/ resizeable grid. It seems that bottom toolbar always gets "left" behind. What am I missing here? It works perfectly in FF2

    Appreciate your help.
    mike

    Code:
      // create the editor grid
      var grid = new Ext.grid.GridPanel({
            id: 'gridDiv',
            renderTo: 'report-grid',
            width: 720,
            height: 400,
            frame: true,
            title: reportTitle,
            store: ds,
            cm: cm,
            sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
            autoExpandColumn: 'count3',
            autoScroll:true,
            layour: 'fit',
            loadMask: true,
            stripeRows: true,
            viewConfig: {
              autoFill: true,
              forceFit: true
            }
            ,bbar:
              [
                  { xtype: 'tbfill' },
                  { xtype: 'tbtext',
                    id   : 'status_message',
                    text : String.format( 'Total districts: {0} ',
                                         baseParamsConfig.total_count)
                  },
                  { xtype: 'tbspacer' }
              ]
      });
    PHP Code:
      var rz = new Ext.Resizable('report-grid', {
            
    wrap:true,
            
    minHeight:300,
            
    pinned:true,
            
    handles's'
      
    });

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

      function 
    resizeHandler() {
        var 
    box rz.getEl().getSize();
        
    grid.setSizebox );
        
    grid.syncSize();
      } 
    Attached Images Attached Images

  2. #2
    Ext User ViniciusCamara's Avatar
    Join Date
    Nov 2007
    Location
    Rio de Janeiro, Brazil
    Posts
    14
    Vote Rating
    0
      0  

    Thumbs up Mine works fine!

    Hi mike,
    I had the same problem but when I saw part of your code and copied them thats simply disappear and now works fine in FF and IE.

    See my code below:

    Code:
     var grid1 = new xg.GridPanel({
            store: new Ext.data.Store({
                reader: reader,
                data: xg.dummyData
            }),
            autoSize:function(){
                this.setSize(rz.getEl().getSize());
                this.syncSize();
            },
            cm: new xg.ColumnModel([
                expander,
                {id:'company',header: "Company", width: 40, sortable: true, dataIndex: 'company'},
                {header: "Price", width: 20, sortable: true, renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
                {header: "Change", width: 20, sortable: true, dataIndex: 'change'},
                {header: "% Change", width: 20, sortable: true, dataIndex: 'pctChange'},
                {header: "Last Updated", width: 20, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
            ]),
            viewConfig: {
                forceFit:true
            },
            id:'grid1',
            width: 600,
            height: 300,
            plugins: expander,
            collapsible: true,
            animCollapse: false,
            title: 'Expander Rows, Collapse and Force Fit',
            iconCls: 'icon-grid',
            renderTo: document.body
        });
        
        var rz = new Ext.Resizable('grid1', {
            wrap: true
        });
        rz.on('resize', grid1.autoSize, grid1);

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •