ExtJs - Get element by div class?

Question

How do I get the ExtJs component object of a Div by class name? Say my div is: ```

``` How do I get the ExtJs object of this Div to perform e.g. `getWidth()` Note: There is no `id` given. What I tried: ``` Ext.select(".abc") Ext.query(".abc") ``` Edit: Error: `Object has no method 'getWidth'` ```

``` ``` var d = Ext.get( "main" ); d.query('.abc').getWidth(); ```

Accepted Answer

Use

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

This will return an `Ext.Element`. You can then use ext methods on el like so

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

or

```
el.getWidth()
```

ExtJs - Get element by div class?

Solution

Problem