1. #1
    Sencha Premium Member
    Join Date
    Dec 2011
    Posts
    59
    Vote Rating
    0
    jlimaye is on a distinguished road

      0  

    Default Hide/show panel in accordion as per tabs in tabpanel

    Hide/show panel in accordion as per tabs in tabpanel


    Hi,
    I have accordion in viewport on west region like
    Code:
    var accordionPanel = new Ext.Panel({
            region:'west',
            flex:1,
            width: 178,
            layout:'accordion',
            autoScroll:true,
            items: [{
                title: 'Data Source',
                items:[combo1]
            },{
                id:'groupAccordion',
                title: 'Grouping',
                    items:[radioPanel]
            },{
                title:'Filters',
                items:[combo2]
            },
                {
                title: 'Legend'
            },{
                title:'Quick Help',
                autoScroll : true,
                html: 'To move an event,click and drag the event to the desired time.'
            }]
        });
    I have a tabpanel with 3 tabs in central region. Now on tabchange, Im trying to hide or show the group panel in accordion but unable to do so. Tried different things but not able to do it.
    Code:
    Ext.getCmp("tabpanel").on('tabchange', function(tabPanel,newCard,oldCard,eOpts) {
               if(tabPanel.getActiveTab()!=1){
                   Ext.Msg.alert('test');
                   Ext.getCmp("groupAccordion").style.visibility = false;
                  // Ext.getCmp("groupAccordion").hide();
               }else{
                   Ext.getCmp("groupAccordion").style.visibility = true;
                   //Ext.getCmp("groupAccordion").show();
               }
            });
    What might be going wrong??

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,912
    Vote Rating
    443
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Where you receiving any error in the console?

    I tested the following code and it seemed to work:

    Code:
    Ext.define('MyPanel', {
        extend: 'Ext.panel.Panel',
        layout: {
            type: 'accordion'
        },
        title: 'My Panel',
    
        initComponent: function() {
            var me = this;
    
            Ext.applyIf(me, {
                items: [
                    {
                        title: 'My Panel 1'
                    },
                    {
                        id: 'idp2',
                        // itemId: 'id-panel-2',
                        title: 'My Panel 2'
                    },
                    {
                        title: 'My Panel 3'
                    }
                ]
            });
    
            me.callParent(arguments);
        }
    
    });
    
    Ext.onReady(function(){
    
        Ext.create('MyPanel', {
            itemId: 'main-panel',
            height: 450,
            width: 400,
            renderTo: Ext.getBody(),
            tbar: [
            {
                text: 'hide panel',
                handler: function(){
                    // var mainPanel = this.up('#main-panel'); // instead of using hard id's all over the place
                    // var pnl2 = mainPanel.down('#id-panel-2');
                    pnl2 = Ext.getCmp('idp2');
                    pnl2.hide();
                }
            },
            {
                text: 'show panel',
                handler: function(){
                    // var mainPanel = this.up('#main-panel'); // instead of using hard id's all over the place
                    // var pnl2 = mainPanel.down('#id-panel-2');
                    pnl2 = Ext.getCmp('idp2');
                    pnl2.show();
                }
            }
            ]
    
        }); 
    
    });
    Regards,
    Scott.

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi