为什么一用到Editor就没有数据了

我是刚刚开始学校EXT，自己照着例子编写了点
<script>Ext.onReady(function()
{
//定义数组
var arr=[['1','ly','god'],['2','zj','tiancai']];//生成元数据
var store=new Ext.data.Store(
{
reader:new Ext.data.ArrayReader({}, [
{name: "id"},
{name: "name"}, 
{name: 'occupation'} 
])
});
store.loadData(arr);var sm=new Ext.grid.CheckboxSelectionModel();//现在配置列信息 
var col=new Ext.grid.ColumnModel(
[
sm,
new Ext.grid.RowNumberer({header:'序号',width:40}),
{header:'编号',dataIndex:'id'},
{header:'姓名',dataIndex:'name'},
{header:'职业',dataIndex:'occupation'}
]);//配置视图信息
var view=new Ext.grid.GridView({forceFit:true,sortAscText :'正序', sortDescText :'倒序'});
view.columnsText='列显示/隐藏';//最后一步
var grid=new Ext.grid.GridPanel({
el:Ext.getBody(),
height:200,
width:400,
store:store,
cm:col,
sm:new Ext.grid.RowSelectionModel({singleSelect:true}),
view:view
}); 
grid.render();
</script>
以上的能正常的显示出来
但是做到EditorGird的例子就显示不出来了
按照例子我只要在header:'编号',dataIndex:'id'后面加上editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
然后把var grid=new Ext.grid.GridPanel中的GridPanel改成EditorGrid就可以了
目的是改变单元格里的文字。但是改好后怎么都没有数据。
刚刚开始学习EXT所以表达的不是很清楚。谁能告诉我呀？在这里先谢谢了。