Web デベロッパー

ExtJsでは自分用にカスタマイズする場合どのCSSスタイルを編集するのかわかりずらいです。
そのようなときに便利なのがWeb Developeです。
CSSの見栄えの確認をしたり、Divタグを枠で囲んでみたりと色々できます。
Web Developerの入手は下記のサイトからどうぞ。
http://www.infoaxia.com/tools/webdeveloper/

"Ext is undefined"

"Ext is undefined"

FireBugで上記のようなエラーが出力されるのは、ExtJsファイルがインクルードされていない場合です。
ExtJsファイルではext-base.jsとext-all.jsが必要となるため、必ずインクルードして下さい。

編集可能なGrid

編集可能なGridを作成するには。
編集可能GridはEditorGridで作成します。

通常のGridを作成する手順と同じですが、以下の点に注意します。

１．列定義にeditor属性を加える
ColumnModelを新規作成する際、列定義にeditor属性を加えます。
例：入力可能テキスト）
var colModel = new Ext.grid.ColumnModel([
{id:'file',
width: 500,
sortable: true,
dataIndex: 'title',
editor: new Ext.grid.GridEditor(new Ext.form.TextField({
allowBlank: false
}))
}]);

２．EditorGridの作成
EditorGridを作成します。
var grid = new Ext.grid.EditorGrid('grid_xxx', {
ds: ds,
cm: colModel
});

以上、編集可能なGridの作成が完了です。