Extjs学习总结之EditGridPanel可编辑表格

Ext.onReady(function(){

/*

* EditorGridPanel的工作过程

* 1、用户点击单元格

* 2、单元格按照预设的组件显示单元格的内容并处于编辑状态

* 3、离开单元格的编辑状态

* 4、更新编辑后的内容，出现三角号表示已经被修改过

* 5、程序内部变化：将记录设置为脏读数据状态，并将修改后的记录存放在Record类型的数组modified中。

*/

 

 

//准备数据

var data = [

{id:1,date:new Date(),name:"吕鹏",address:"中华人民共和国",bank:"中国光大银行",isFast:true},

{id:2,date:new Date(),name:"张三",address:"中华人民共和国",bank:"中国农业银行",isFast:false},

{id:3,date:new Date(),name:"李四",address:"中华人民共和国",bank:"中国商业银行",isFast:false},

{id:4,date:new Date(),name:"王五",address:"中华人民共和国",bank:"中国招商银行",isFast:false}

];

//Proxy

var proxy = new Ext.data.MemoryProxy(data);

//描述数据结构

var Order = Ext.data.Record.create(

[

{name:"ID",type:"int",mapping:"id"},//编号

{name:"DATE",type:"date",mapping:"date"},//日期

{name:"NAME",type:"string",mapping:"name"},//姓名

{name:"ADDRESS",type:"string",mapping:"address"},//地址

{name:"BANK",type:"string",mapping:"bank"},//银行

{name:"ISFAST",type:"boolean",mapping:"isFast"}//银行

]

);

//Reader

var reader = new Ext.d