ExtJs - 通过div类获取元素？

Question

如何通过类名获取Div 的ExtJs组件对象？

说我的div是:

<div class="abc"></div>

如何让这个Div的ExtJs对象执行,例如 getWidth()

注意:没有id给出.

我尝试了什么:

Ext.select(".abc")
Ext.query(".abc")

编辑:

错误: Object has no method 'getWidth'

<div id="main">
<div class="abc"></div>
</div>

  var d = Ext.get( "main" );
  d.query('.abc').getWidth();

Answer 1

使用

var dom = Ext.dom.Query.select('.abc');
var el = Ext.get(dom[0]);

这将返回一个Ext.Element.然后你可以在el上使用ext方法

el.on('click', function(){}, scope);

要么

el.getWidth()

Answer 2

我相信你的意思是Ext.dom.Element(不是ExtJs组件对象).如果是,请尝试此代码

var d = Ext.get( "main" );
alert(d.down('.abc').getWidth());?

Answer 3

对于Ext4及以上版本,您可以使用以下内容:

Ext.ComponentQuery.query('panel[cls=myCls]');

你会得到这些组件的数组