up() and down() versus Ext.getCmp()

javascript extjs extjs4 extjs4.1
Expert wanna be picture Expert wanna be · Aug 8, 2012 · Viewed 34.3k times · Source

I'm very confused which one I need to use for grep object between up() down() and Ext.getCmp(ID).

For me, it is easier that define ID to object and retrieve the object by Ext.getCmp('ID') and the code looks more clean.

For example:

console.log(this.up('panel').up('panel').down('grid'));
console.log(Ext.getCmp('myPanel'));

which one is better for performance?

Answer

dbrin picture dbrin · Aug 9, 2012

There are severe gotchas with using IDs and getCmp to find your components. The primary issue is that you can not reuse the component safely because in most cases the markup will create HTML elements with duplicate IDs, which is invalid HTML. Additionally, when you have two components with the same ID you will run into unexpected behavior that is difficult to track because the framework will not get a correct reference to your components.

There are several blog and forum posts on this, as well as a video by J. Garcia covering this topic. The suggested way to use getCmp is for debugging only, switching to other methods (up, down, refs, itemId, and ComponentQuery) for production-ready code.

Related questions

How to send extra parameters when loading a store to a combobox in ExtJS 4?

How do I send extra parameters when using a store for a combobox in ExtJS 4? I know that I can use "extraParams" in the proxy-settings, but that will affect ALL elements that is using the same store. I.e if …

Read More
How to set html to a element in extjs

1) How to set HTML to already created panel or any other Element? I am a beginner. I tried the below to set some content inside the HTML var clickedElement = Ext.getCmp('id').el.child('>'); clickedElement.setHTML("hello"); …

Read More
Creating a Dynamic Grid with ExtJS

I'm trying to make a Dynamic Grid class (where I do not know any information about the columns but they are given from the json response and the gird prepares itself accordingly). Here I have found exactly what I was …

Read More