クラス名でDivのExtJsコンポーネントオブジェクトを取得するにはどうすればよいですか？
私のdivは次のとおりです。
<div class="abc"></div>
このDivのExtJsオブジェクトを実行するにはどうすればよいですか？getWidth()
注：指定はありませんid。
私が試したこと：
Ext.select(".abc")
Ext.query(".abc")
編集：
エラー：
Object has no method 'getWidth'
<div id="main">
<div class="abc"></div>
</div>
var d = Ext.get( "main" );
d.query('.abc').getWidth();
使用する
var dom = Ext.dom.Query.select('.abc');
var el = Ext.get(dom[0]);
これは を返しますExt.Element。その後、次のように el で ext メソッドを使用できます
el.on('click', function(){}, scope);
また
el.getWidth()
Ext4 以上の場合、以下を使用できます。
Ext.ComponentQuery.query('panel[cls=myCls]');
そして、このコンポーネントの配列を取得します
ソース: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ComponentQuery
Ext.select('abc');
この方法は EXT 4 でも機能します。
あなたの例では、クラス名の文字列を呼び出すときにドットを削除するだけです。