Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Feb 2012
    Posts
    5
    Vote Rating
    0
    Pramma is on a distinguished road

      0  

    Default Problem with collapsible panel when setTitle

    Problem with collapsible panel when setTitle


    These are the steps i performed.

    1. Initial collapsible panel title set to 'Scope' and it is shown in horizontal title and vertical title (when colapsed)
    2. set the title to 'Scope: 1' having the panel expanded and it is shown in horizontal title fine. But when you collapse vertical title is blank
    3. set the title to 'Scope: 2' having the panel expanded and it is shown in horizontal title fine. But But when you collapse vertical title is blank

    This issue is not generic to collapsible panel. It is working fine with normal collapsible panel.
    It is even working with collapsible panel in north or south region of a border layout
    But it is not working with collapsible panel in east or west region of a border layout !!
    Last edited by mitchellsimoens; 3 Feb 2012 at 9:23 AM. Reason: Clarity

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,798
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Using this code I cannot reproduce:

    Code:
    new Ext.container.Viewport({
        layout: {
            type: 'hbox',
            align: 'stretch'
        },
        renderTo: document.body,
        items: [{
            xtype: 'panel',
            title: 'Flex panel',
            flex: 1
        },{
            xtype: 'grid',
            title: 'Grid',
            width: 200,
            collapsible: true,
            //collapsed: true,
            collapseDirection: 'right',
            animCollapse: false,
            columns: [
                { header: 'Test', width: 220 }
            ],
            dockedItems : [
                {
                    xtype : 'toolbar',
                    dock  : 'bottom',
                    items : [
                        {
                            text    : 'Change Title',
                            handler : function(btn) {
                                var grid = btn.up('gridpanel');
    
                                grid.setTitle('Grid 1');
                            }
                        }
                    ]
                }
            ]
        }]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Feb 2012
    Posts
    5
    Vote Rating
    0
    Pramma is on a distinguished road

      0  

    Default


    Thanks
    mitchellsimoens for the response.

    The problem only comes in collapsible panel in east or west region of a border layout...

  4. #4
    Sencha User dotnetwise's Avatar
    Join Date
    Mar 2010
    Location
    Iasi, Romania
    Posts
    31
    Vote Rating
    1
    dotnetwise is on a distinguished road

      0  

    Default Buggy

    Buggy


    I can confirm the bug too!

  5. #5
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, Goiânia
    Posts
    431
    Vote Rating
    6
    wemerson.januario is on a distinguished road

      0  

    Default


    this bug is back in 4.1.1rc2.
    Wemerson Januario
    Twitter:
    @wemersonjanuar
    Skype:
    wemerson.januario
    Email: wemerson.januario@gmail.com
    Fone:
    62 9106-6689
    From: Goiânia, Brazil
    Desenvolvedor ExtJS/ ExtJS Developer

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,828
    Vote Rating
    609
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Using this code, how can I reproduce it?

    Code:
    Ext.require('*');
    Ext.onReady(function() {
        var title = 'Foo';
        new Ext.container.Viewport({
            layout: 'border',
            renderTo: document.body,
            items: [{
                region: 'center',
                items: {
                    xtype: 'button',
                    text: 'Change Title',
                    handler: function(btn) {
                        if (title == 'Foo') {
                            title = 'Bar'
                        } else {
                            title = 'Foo';
                        }
                        Ext.getCmp('foo').setTitle(title);
                    }
                }
            }, {
                region: 'east',
                id: 'foo',
                title: title,
                width: 200,
                collapsible: true,
                animCollapse: false,
                collapsed: true
            }]
        });
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, Goiânia
    Posts
    431
    Vote Rating
    6
    wemerson.januario is on a distinguished road

      0  

    Default


    Quote Originally Posted by evant View Post
    Using this code, how can I reproduce it?

    Code:
    Ext.require('*');
    Ext.onReady(function() {
        var title = 'Foo';
        new Ext.container.Viewport({
            layout: 'border',
            renderTo: document.body,
            items: [{
                region: 'center',
                items: {
                    xtype: 'button',
                    text: 'Change Title',
                    handler: function(btn) {
                        if (title == 'Foo') {
                            title = 'Bar'
                        } else {
                            title = 'Foo';
                        }
                        Ext.getCmp('foo').setTitle(title);
                    }
                }
            }, {
                region: 'east',
                id: 'foo',
                title: title,
                width: 200,
                collapsible: true,
                animCollapse: false,
                collapsed: true
            }]
        });
    });
    @evant, you code works properly, but when we call setTitle inside initComponent() after callParent you can reproduce the error.
    please run this code, then you will see the west panel collpase tool disappear. This code works in 4.1.0 but not in 4.1.1
    Code:
    Ext.require('*');Ext.onReady(function() {
        var title = 'Foo';
        Ext.define('Viewport',{
        extend: 'Ext.container.Viewport',
        layout: 'border',
            renderTo: document.body,
        initComponent: function(){
        var me = this;
        Ext.apply(me, {
        items: [{
                region: 'center',
                items: {
                    xtype: 'button',
                    text: 'Change Title',
                    handler: function(btn) {
                        if (title == 'Foo') {
                            title = 'It works'
                        } else {
                            title = 'It also works';
                        }
                        Ext.getCmp('foo').setTitle(title);
                    }
                }
            }, {
                region: 'west',
                id: 'foo',
                title: title,
                width: 200,
                collapsible: true,
               // animCollapse: false,
                collapsed: false
            }]
        });
        me.callParent();
        if(1 === 1){
        me.down('panel[id=foo]').setTitle('Helloooooooooooooo');
        }
        }
        
        });
        Ext.create('Viewport');
    });
    Wemerson Januario
    Twitter:
    @wemersonjanuar
    Skype:
    wemerson.januario
    Email: wemerson.januario@gmail.com
    Fone:
    62 9106-6689
    From: Goiânia, Brazil
    Desenvolvedor ExtJS/ ExtJS Developer

  8. #8
    Sencha User
    Join Date
    Apr 2012
    Posts
    11
    Vote Rating
    0
    ss_nkl is on a distinguished road

      0  

    Default


    Hi All,

    I am also having the same issue (EXTJS 4.0.7). Can anybody help me to fix Please?

    Thanks in advance.

    Regards,
    SS_NKL

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