ExtJs - 通过 div 类获取元素？答案

【问题标题】：ExtJs - Get element by div class?ExtJs - 通过 div 类获取元素？
【发布时间】：2012-11-02 23:14:23
【问题描述】：

如何通过类名获取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();

【问题讨论】：

【解决方案1】：

Ext.select('abc');

此方法也适用于 EXT 4。

在您的示例中，只需在调用类名字符串时删除点即可。

【讨论】：

【解决方案2】：

对于 Ext4 及更高版本，您可以使用以下内容：

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

你会得到这个组件的数组

【讨论】：

【解决方案3】：

使用

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

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

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

或

el.getWidth()

【讨论】：

不起作用。请注意，它是 class 而不是 id。返回空值。
据我所知 Ext.get() 需要一个 id
之前试过，说：Cannot read property 'Query' of undefined
使用Ext.dom.Query。另外，我们不需要创建一个新的Ext.Element，我们可以直接将dom对象传递给Ext.get，得到一个Ext.Element。答案已编辑以反映相同。

【解决方案4】：

我相信你的意思是Ext.dom.Element（不是 ExtJs 组件对象）。如果是，请尝试此代码

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

【讨论】：