如何使用Jquery $（“。something”）在ExtJS中选择一个类？

Question

我正在寻找一种等效方法来在Jquery for ExtJS中选择类似$（“。className”）的类元素。

我知道Ext.get（）只接受一个id。非常感谢您的帮助。

干杯， 米奇

编辑：

让我进一步解释。我希望能够在执行“选择”后执行类似Ext.get的操作。例如：

$(".className").css("width");

我知道Ext.Element有getWidth（）方法。我希望我能做点像......

Ext.select(".className").getWidth(); // it just return me [Object object]

也许我不太了解它。

谢谢你。

Answer 1

是的，Ext.select()就是你想要的。它返回CompositeElement（与单个元素相同的API，但包含所有选定元素的内部集合）。您可以这样做以查看每个元素的宽度：

Ext.select('.className').each(function(el){
    console.log(el.getWidth());
}); 

您调用它的方式对某些元素上的操作更有用，例如：

Ext.select('.className').setWidth(100);

Answer 2

我认为你在寻找：

Ext.query(".className");

此方法允许您通过给定的查询字符串获取元素，如jQuery。

修改

var els=Ext.query(".className"), ret=[];
for(var i=0; i<els.length; i++)
{
    ret.push(els[i].getWidth());
}

Answer 3

如果您想要组件，可以使用： Ext4及以上。

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

你会得到这些组件的数组

来源：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ComponentQuery