Come usare Jquery $ (". Qualcosa") per selezionare una classe in ExtJS?

Question

Sto cercando un metodo equivalente per selezionare un elemento di classe come questo $ (". ClassName") in Jquery per ExtJS.

Comprendo che Ext.get() accetta solo un ID. Il tuo aiuto sarà molto apprezzato.

Cheers, Mickey

Modificato:

Mi spiego ulteriormente. Voglio essere in grado di fare qualcosa come Ext.get dopo aver fatto una "selezione". Ad esempio:

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

Comprendo che Ext.Element ha il metodo getWidth(). Speravo di poter fare qualcosa come ...

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

Forse non lo capisco bene.

Grazie a mil.

Answer 1

Penso che si sta cercando:

Ext.query(".className"); 

Questo metodo consente di ottenere elementi per la data stringa di query come jQuery fa.

EDIT

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

Answer 2

Sì, Ext.select() è ciò che si desidera. Restituisce un CompositeElement (stessa API di un singolo elemento, ma contiene una raccolta interna di tutti gli elementi selezionati). Si potrebbe fare questo per vedere la larghezza di ogni elemento:

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

Il modo in cui hai chiamato è più utile per operare sugli elementi in qualche modo, ad esempio:

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

Answer 3

Se si desidera il componente è possibile utilizzare questo: Ext4 e versioni successive.

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

Ed otterrete e la matrice di questo componenti

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