var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {  saveBtnText: '保存',   cancelBtnText: "取消",   autoCancel: false,   clicksToMoveEditor: 1, //双击进行修改  1-单击   2-双击    0-可取消双击/单击事件  autoCancel: false,  listeners:{  edit:function(e){  /*var myMask = new Ext.LoadMask(Ext.getBody(), { msg: '正在修改，请稍后...', removeMask: true     //完成后移除 }); myMask.show();*/  console.info(e.context.record);  //e.context.record为更改的这行的数据，某个值可以用get方法，比如下面  var id = e.context.record.get('id'); //比如修改了id，在这里就可以获取id  //e.context.record.fields.items为修改的这行字段名，这是一个数组集合,e.context.record.fields.items[0].name为第一列的名称，以此类推  // 更新提示界面(供调试使用)  Ext.Msg.alert('您成功修改信息', "修改的内容是:" + e.context.record + "n 修改的字段是:"+ e.context.record.fields.items[0].name +"n 修改的id为"+id);//取得更新内容
            }  //当然这里你也可以自定义一个ajax来提交到后台，大家自由发挥，这里不多写。
        }  });  

var grid = new Ext.grid.GridPanel({  title:'表格的扩展插件--行编辑',  width: 500,  height: 400,  renderTo: 'grid',  store: store,  columns: columns,  plugins: [rowEditing]  });  

/*** Grid* 此js演示了ExtJS之基于表格的扩展插件*/
//表格数据最起码有列、数据、转换原始数据这3项
Ext.onReady(function(){var columns = [{header:'编号',dataIndex:'id',width:50,editor: {//在每行需要更改的地方加上想编辑的类型，默认textfieldallowBlank: false}},{header:'名称',dataIndex:'name',width:280,editor:{ allowBlank: false,vtype: 'email'}},{header:'描述',dataIndex:'descn',width:150}];var data = [['1','shuyangyang@aliyun.com','descn1'],['2','shuyangyang@163.com','descn2'],['3','shuyangyang@yahoo.com.cn','descn3'],['4','shuyangyang@tom.com','descn4'],['5','shuyangyang@sina.com','descn5']];var store = new Ext.data.ArrayStore({data: data,fields: [{name: 'id'},{name: 'name'},{name: 'descn'}]});store.load();var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {saveBtnText: '保存', cancelBtnText: "取消", autoCancel: false, clicksToMoveEditor: 1, //双击进行修改  1-单击   2-双击    0-可取消双击/单击事件autoCancel: false,listeners:{edit:function(e){/* var myMask = new Ext.LoadMask(Ext.getBody(), {msg: '正在修改，请稍后...',removeMask: true     //完成后移除});myMask.show(); */console.info(e.context.record);//e.context.record为更改的这行的数据，获某个值可以用get方法，比如下面var id = e.context.record.get('id'); //比如修改了id，在这里就可以获取id//e.context.record.fields.items为修改的这行字段名，这是一个数组集合,e.context.record.fields.items[0].name为第一列的名称，以此类推// 更新提示界面(供调试使用)Ext.Msg.alert('您成功修改信息', "修改的内容是:" + e.context.record + "\n 修改的字段是:"+ e.context.record.fields.items[1].name +"\n 修改的id为"+id);//取得更新内容
            }//当然这里你也可以自定义一个ajax来提交到后台，大家自由发挥，这里不多写。
        }});var grid = new Ext.grid.GridPanel({title:'表格的扩展插件--行编辑',width: 500,height: 400,renderTo: 'grid',store: store,columns: columns,plugins: [rowEditing]});});