[SOLVED] Grid inside Accordion problem

[paubach]

Hi.
I have a grid inside an accordion inside a tabpanel, althought I think the problem can be fixed only with the accordion and grid, not with tabpanel.

The grid is the 2nd panel in the accordion. The problem comes when I try to open the grid (by default or just clicking), the columns appear with minimum width instead of the normal size. When I resize one all the others resize automatically.

If the grid is on the 1rst possition of the accordion don't have this problem.


How can I fix this??

Thanks,
Pau

    var grid = new Ext.grid.GridPanel({
        store: myStore,
        colModel: myColumns,
        view: myView,
//        plugins: expander,
        title: '<b>Open</b> Incidents for your Sites',
        tools: [{
                id:'plus',
                handler: function(event, toolEl, panel) {
                        myView.expandAllGroups();
                    }
                },{
                id:'minus',
                handler: function(event, toolEl, panel) {
                        myView.collapseAllGroups();
                    }    
                }],
        width: 420,
        height:333,
        autoScroll:true,
        frame: false,
        enableColumnMove:false
    });

var incidentItems= new Ext.Panel({
            header:false,
            layout:'accordion',
            layoutConfig:{
                "activeItem":1,
                //"activeOnTop":true,
                "animate":true,
                "autoWidth":true,
                "collapseFirst":false,
                "fill":true,
                "hideCollapseTool":false,
                "titleCollapse":true,
                "sequence":true
            },
            border:false,
            closable:false,
            resizable:false,
            constrain:false,
            bodyBorder:false,
            draggable:false,
            width: 420,
            height:375
        });

//It loads the grid of Incidents
        var item=new Ext.Panel({
                        title:'&nbsp Open Incidents',
                        id:'grid',
                        items:[grid],
                        tools: [{
                            id:'help',
                            handler: function(event, toolEl, panel) {
                                sw('/support/open_incidents.html');
                            }
                        }],
                        height:350
        });
        incidentItems.add(item);
            
        //It loads the menu of Incidents
        var x=xmlIncidents.getElementsByTagName("mylinks").item(0).childNodes;
        var cont=x.length;
        for(i=0; i<cont; i++)
        {
            if(x.item(i).childNodes.item(0).attributes.getNamedItem(userTipus).value=="true")        
            {
                item = createItem(i,x);
                incidentItems.insert(0,item);                
                menuWindow.render();  
            }
        }

[paubach]

Solved.

Just done

        menuWindow.setActiveTab( "incidents" );
        menuWindow.setActiveTab( "tools" );

before insert the menu for incidents.


P