[Solved]AutoResize Issue

Posted on January 6, 2009 under xn--omr06vg8k1ys.com edit

  • Hello,

    I have the following issue:
    From a page I open a Ext.Window which is resizable; inside it I have Ext.TabPanel, and inside the 2nd tab I have a grid which loads some data remotely from an XML data source.

    Issue #1: The grid itself does not maximize on the Entire Tab space
    Issue #2: Even if I specify the width & height of it and also put 'autoScroll:true' the scrollbar doesn't appear also I have about 100records which deafineatly do not fit in the specified height

    HINT to issue #2
    No matter if I'm in IE or FF if I maximize and then minimize the browser that grid the scrollbar appears; also in FF if I press F12 to show the Firebug also the scrollbar appears

    Any ideas on how to solve them ?

    Thanks,
    Frantz


  • You shouldn't be using autoScroll.

    You probably use:

    var tabs = new Ext.TabPanel({
    items: [{
    title: 'First'
    },{
    title: 'Second',
    items: [grid]
    }]
    });

    but you should use:


    var grid = new Ext.grid.GridPanel({
    title: 'Second',
    ...
    });
    var tabs = new Ext.TabPanel({
    items: [{
    title: 'First'
    }, grid]
    });

    or (but I don't recommend this):

    var tabs = new Ext.TabPanel({
    items: [{
    title: 'First'
    },{
    title: 'Second',
    layout: 'fit',
    items: [grid]
    }]
    });


  • Great, it seems to be working.
    Strange are the ways of ExtJS :P







    • #If you have any other info about this subject , Please add it free.#
    Your name:
    E-mail:
    Telphone:

    Your comments:


    If you have any other info about [Solved]AutoResize Issue , Please add it free.