Cách sử dụng Jquery $ (". Something") để chọn một lớp trong ExtJS?

Question

Tôi đang tìm một phương thức tương đương để chọn phần tử lớp như thế này $ (". ClassName") trong Jquery cho ExtJS.

Tôi hiểu rằng Ext.get() chỉ có trong một id. Sự giúp đỡ của bạn sẽ được rất nhiều đánh giá cao.

Chúc mừng, Mickey

được sửa đổi:

Hãy để tôi giải thích thêm. Tôi muốn có thể làm một cái gì đó như Ext.get sau khi tôi đã làm một "chọn". Ví dụ:

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

Tôi hiểu rằng Ext.Element có phương thức getWidth(). Tôi đã hy vọng tôi có thể làm điều gì đó như ...

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

Có lẽ tôi không hiểu rõ.

Cảm ơn một triệu.

Answer 1

Tôi nghĩ rằng bạn đang tìm kiếm:

Ext.query(".className"); 

Phương pháp này cho phép bạn để có được những thành tố của chuỗi truy vấn cụ thể như jQuery làm.

EDIT

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

Answer 2

Vâng, Ext.select() là những gì bạn muốn. Nó trả về một CompositeElement (cùng một API dưới dạng một phần tử duy nhất, nhưng chứa một bộ sưu tập nội bộ của tất cả các phần tử đã chọn). Bạn có thể làm điều này để thấy độ rộng của mỗi yếu tố:

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

Cách bạn gọi nó là hữu ích hơn cho hoạt động trên các yếu tố một cách nào đó, ví dụ:

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

Answer 3

Nếu bạn muốn thành phần bạn có thể sử dụng: Ext4 trở lên.

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

Và bạn sẽ nhận được và mảng của các thành phần này

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