down(String selector) method from Container class is not working anymore

[phamtieugiao]

For example I have a panel "view" that contains a button with ID myButton.
In touch 1 and touch 2 pr1, I can select the button with view.down('#myButton')

The down method works in touch 2 pr1, but it doesn't any more in pr2 or pr3.
Is there any alternatives in new versions?

[mitchellsimoens]

Works for me in PR3:

var cnt = Ext.create('Ext.Container', {
    fullscreen : true,
    items      : [
        {
            xtype  : 'button',
            itemId : 'myButton',
            text   : 'Test'
        },
        {
            xtype  : 'toolbar',
            docked : 'top',
            items  : [
                {
                    xtype  : 'button',
                    itemId : 'myButton',
                    text   : 'Hello'
                }
            ]
        }
    ]
});

console.log(cnt.down('#myButton'));
console.log(cnt.down('toolbar #myButton'));

[robl]

I ran into this exact issue with PR3. Something has changed. I fixed it by not using this.down() in my custom view but using down() on a specific element like Mitchell pointed out above.

[mitchellsimoens]

I ran into this exact issue with PR3. Something has changed. I fixed it by not using this.down() in my custom view but using down() on a specific element like Mitchell pointed out above.

Not element... component

[phamtieugiao]

Works for me in PR3:

var cnt = Ext.create('Ext.Container', {
    fullscreen : true,
    items      : [
        {
            xtype  : 'button',
            itemId : 'myButton',
            text   : 'Test'
        },
        {
            xtype  : 'toolbar',
            docked : 'top',
            items  : [
                {
                    xtype  : 'button',
                    itemId : 'myButton',
                    text   : 'Hello'
                }
            ]
        }
    ]
});

console.log(cnt.down('#myButton'));
console.log(cnt.down('toolbar #myButton'));

What I see different here is the itemId keyword, I thought it was previously id instead.
Can you explain more about the change?

[robl]

Not element... component

Yes, I meant "component" but wrote "element". Thanks.

[mitchellsimoens]

What I see different here is the itemId keyword, I thought it was previously id instead.
Can you explain more about the change?

I never use id unless debugging. itemId should be a unique id to it's parent. As you can see by my example, I use the same itemId but since they have 2 different parents they are still unique.

[phamtieugiao]

Tested, if I put like this:

        Ext.apply(this, {
            _itemId: this.name + 'Button'
        });

. Notice the '_' character. Then the down() method works.

Seems like Ext.apply doesn't change the _itemId if declared like this:

        Ext.apply(this, {
            itemId: this.name + 'Button'
        });

[rdougan]

Where are you adding that code? You should never do that anymore. You should always use the setter (setItemId).

[phamtieugiao]

Where are you adding that code? You should never do that anymore. You should always use the setter (setItemId).

I added it in initialize section:

    initialize: function(config) {
        this.initConfig(config);
        Ext.apply(this, {
             _itemId: this.name + 'Button'
        });
        this.callParent(arguments);
    }