extjs - ExtJS 4 选择元素的最佳方式

Question

在代码中（如果重要，我使用 MVC 模型），为了获取特定元素，我使用 refs。

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

这是获取元素的正确选择吗？或者我必须使用 getCmp() 或其他东西？

Answer 1

以下是有关在应用程序中定位组件的一些提示。

1. 首先要非常小心在组件上使用 ID。我已经看到了我与他们相当多的问题。不惜一切代价避免。

2. 其次，ExtJS 提供了几种定位组件和元素的方法。不要将两者混为一谈。

   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() 
   

   （更多关于 DOM 查询http://docs.sencha.com/core/manual/content/domquery.html