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);
}

[rdougan]

Why are you calling initConfig? initConfig will be called when you callParent() (if you are overriding Component).


initialize: function() {
this.callParent();
this.setItemId(this.getName() + 'Button'); //presuming 'name' is a configuration
}