ExtJSにてお手軽にStyleを設定する方法
・「baseCls: 'x-plain'」
スタイルシート内の'x-plain'を使用する
・「defaultType: 'textfield'」
ExtJSで予め決められているComponentMgr Typeによって大雑把に決める
予断だが、Styleの編集はもちろん他にも出来るタイミングはある
また、最終的にはcssを直接編集することでほとんどのLayoutを修正できる。
ExtJSにはTemplateも用意されておりExtensionsでRegstすればDownload可能！
Elementに対して各役割を覚書
・「renderTo: hoge」
id=hogeのElementに対して描画する
・「contentEl: hoge」
id=hogeのElement内容を使用して描画する
・「id: 'hoge'」
Elementのidを設定、付けなければExtJSにて自動生成
既存や新規のdivに対しExtJS.Componentに変えるには
「renderTo: ‘test’」とElementを指定して新規にComponentを生成する
以下サンプル
Ext.get(document.body).update('<div id="test"></div>');
new Ext.Panel({
renderTo: 'test',
width: '200px',
title: 'My Title',
html: 'My HTML content'
});
