1. #1
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default [SOLVED] Grid inside Accordion problem

    [SOLVED] Grid inside Accordion problem


    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


    Code:
        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
        });
    Code:
    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();  
                }
            }

  2. #2
    Ext JS Premium Member paubach's Avatar
    Join Date
    Jan 2008
    Location
    Plasencia, Spain
    Posts
    337
    Vote Rating
    0
    paubach is on a distinguished road

      0  

    Default


    Solved.

    Just done
    Code:
            menuWindow.setActiveTab( "incidents" );
            menuWindow.setActiveTab( "tools" );
    before insert the menu for incidents.


    P