1. #1
    Ext User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    0
    Rooock is on a distinguished road

      0  

    Default why the panel can't expand after it collapsed

    why the panel can't expand after it collapsed


    In my codes, there is a layout named 'accordion' in a Panel:
    Code:
    new Ext.Panel({
    	layout:'accordion',	
               split:true,
    	collapsible: true,
    	layoutConfig:{animate:true},
               items:[createGridPanel(),{
                    id:'preview',
                    collapsed:true,
                    height:666,
                    title:'preview',
                    split:true,
                    bodyStyle: 'padding: 10px; font-family: Arial; font-size: 12px;'
                }]
    the function 'createGridPanel()' create and return a GridPanel which could expand, and then, it can't collapsed (use IE is OK, but use the firefox, opera, safari... can't collapsed! )

    the codes of 'createGridPanel()' are:
    Code:
    var grid = new Ext.grid.GridPanel({
    	    ds: ds(),
    	    cm:cm(),
    	    view: mainGridGroupingView,	
    	    plugins: summary,	
    	    frame: true,
    	    height:300,
    	    autoWidth:true,
    	    clicksToEdit: 1,
    	    collapsible: true,
    	    animCollapse: false,
    	    trackMouseOver: false,
    	    enableColumnMove: true
    	});
    	grid.store.load();
    	return grid;
    why? the attachments is the Print Screen of my App
    Attached Images

  2. #2
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    try setting a height on the master container panel or set autoHeight to true.

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Accordion extends fit layout (but subtracts the cumulative heights of all available headers).

    So sizing is applied by the layout.

    There's something else going on.

  4. #4
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    56
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    Of course the accordion Panel itself must be sized...

  5. #5
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    Quote Originally Posted by Animal View Post
    Of course the accordion Panel itself must be sized...
    That was my original point. I've updated my post to reflect this.

  6. #6
    Sencha - Community Support Team jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,361
    Vote Rating
    81
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    I dislike vague questions like this. You don't know if the panel with the accordion layout is being managed by another container. ugh!

  7. #7
    Ext User
    Join Date
    Sep 2009
    Posts
    3
    Vote Rating
    0
    Äkim is on a distinguished road

      0  

    Default


    Quote Originally Posted by jgarcia@tdg-i.com View Post
    I dislike vague questions like this. You don't know if the panel with the accordion layout is being managed by another container. ugh!
    It's not that vague. I can shed some light on it: The problem even occurs with the samples from the ext 2.3 API Doc. (Full context, slightly modified to enhance the effect).

    Code:
    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
      <script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
      <script type="text/javascript" src="ext/ext-all-debug.js"></script>
      
      <script type="text/javascript">
      
          Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif';
         
          Ext.onReady(function() {
    
            var accordion = new Ext.Panel({
                renderTo: Ext.getBody(),
                title: 'Accordion Layout',
                layout:'accordion',
                autoHeight: true,
                defaults: {
                    // applied to each contained panel
                    bodyStyle: 'height: 300px; padding: 15px'
                },
                layoutConfig: {
                    animate: true,
                },
                items: [{
                    title: 'Panel 1',
                    html: '<p>Panel content!</p>'
                },{
                    title: 'Panel 2',
                    html: '<p>Panel content!</p>'
                },{
                    title: 'Panel 3',
                    html: '<p>Panel content!</p>'
                }]
            });
                          
          });
    
      </script>
    </head>
    <body>
    </body>
    </html>
    Initially all looks good. You may click on each titlebar to expand another panel.

    If you click on the active title, the active panel is collapsed. Now you can never reopen any panel to it's full size again (checked with Firefox 3.0.13).

    Any progress on this topic so far?