編集可能な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の作成が完了です。