Ext get element by class name

[Sejal]

Hi

I am new to Extjs .
Is their any provisions to get element by class name

Thanks

[Animal]

API docs? DomQuery? Ext.Element.select? Ext.Element.query?

[Sejal]

Thanks for timely reply

[Sejal]

hi

In Extjs how to get Id of element which has class="foo".

Thanks

[Animal]

There might be many elements with class "foo".

The documentation which you have of course read tells you how to find them. You did read it didn't you?

[MakFracta]

I'm sure that you found out how to accomplish this, but I'd like to answer so the solution gets written for feature reference and maybe save to someone a couple of hours.

hi

In Extjs how to get Id of element which has class="foo".

Thanks

Element.query and Element.select can be used to this.

var parent = Ext.get("IdOfParent");
var elems = parent.select("CSS_SELECTOR").elements;
//OR
elems = parent.query("CSS_SELECTOR"); 

elems is an array of the elements that has the CSS_SELECTOR.

The CSS_SELECTOR is of this form:
<tagName>.<className>

So, if you want the elements with class="foo" you need to know wich tag they are and do this:

var parent = Ext.get("IdOfParent");
var elems = parent.select("div.foo").elements;
//OR
elems = parent.query("div.foo"); 

I suggest that you use Visual Studio to debug the script and find out the structure of the returned objects. FireBug may help too if you don't have Visual Studio.

[darthwes]

How's Visual Studio debugging Ext/Dom stuff? That's hot, I want one.

[rnicholus]

(psst) the ExtJS documentation is god-awful