ExtJS 4 Best way to select an element

问题

In the code (I use MVC model if it matters), to get a specific elements, I use refs.

refs: [
    {
        ref: 'window',
        selector: 'windowName'
    },
    {
        ref: 'windowButton',
        selector: 'windowName button[name=buttonName]'
    },
    {
        ref: 'windowCombo',
        selector: 'windowName combo[name=comboName]'
    }
]

Is this the right choice to get an elements? Or I have to use getCmp() or something else?

回答1:

Here are some tips on targeting a component in an app.

1. First of all be very careful using IDs on the components. I have seen my fair share of problems with them. Avoid at all cost.

2. Second, ExtJS provides several ways of targeting Components and Elements. Don't mix the two.

   For Components:
       • Ext.getCmp(id)
       • Ext.ComponentQuery.query() 
       • up() 
       • down() 
       • nextSibling() 
       • previousSibling()
       • child()
       • previousNode()
   plus various find.. Methods
   
   For Elements:
       • Ext.get()
       • Ext.dom.Query() 
   

   (more on DOM Query http://docs.sencha.com/core/manual/content/domquery.html

来源：https://stackoverflow.com/questions/19363598/extjs-4-best-way-to-select-an-element