extjs4.2ajax,EXTJS 4.2 对表格进行增加操作

Ext.define('MyApp.view.homepage.ConsoleFirstLevelAdvert',{

extend:'Ext.grid.Panel',

alias:'widget.consolefirstleveladvert',

requires:['Ext.toolbar.Paging','Ext.data.*','Ext.util.*','Ext.grid.*','Ext.state.*'],

id:'homepageconsolefirstleveladvert',

closable:true,

initComponent:function() {var rowEditing = Ext.create('Ext.grid.plugin.CellEditing', {

clicksToMoveEditor:1,

autoCancel:false});var store = newExt.data.JsonStore({

storeId:'listconsolefirstleveladvert',

pageSize:2,

proxy: {

type:'ajax',

api: {

read:'listconsolefirstleveladvert.do',

update:'update_consolefirstleveladvert.do',

},

reader: {

type:'json',

root:'root',

totalProperty :'totalProperty'},

writer: {

type:'json',

allowSingle:false,

writeAllFields:true,

root:'data'}

},

autoSync:true,

autoLoad: {start:0, limit: 2},

fields: ['productId', 'productTitle', 'productName','productPrice','pictureUrl', 'productDeposit', 'categoryId','url']

});this.plugins=[rowEditing];this.store =store;this.columns =[

{header:'编号', dataIndex: 'productId', hidden:true, flex: 1},

{header:'产品标题', dataIndex: 'productTitle',editor:'textfield', flex: 1},

{header:'产品名称', dataIndex: 'productName', editor: 'textfield',flex: 1},

{header:'产品价格', dataIndex: 'productPrice', editor: 'numberfield',flex: 1},

{header:'图片地址', dataIndex: 'pictureUrl',editor: 'textfield', flex: 1},

{header:'商品库存', dataIndex: 'productDeposit', flex: 1},

{header:'类目ID', dataIndex: 'categoryId', flex: 1},

{header:'详细页面', dataIndex: 'url', editor: 'textfield',flex: 1}

];this.dockedItems =[{

xtype:'pagingtoolbar',

store: store,//same store GridPanel is using

dock: 'bottom',

displayInfo:true,

displayMsg:'显示 {0} - {1} 条，共计 {2} 条',

emptyMsg:"没有数据"},{

xtype:'toolbar',

dock:'top',

items: [

{

xtype:'button',

text:'增加',

handler:function(){

rowEditing.cancelEdit();//var panelModel = Ext.getCmp('homepageconsolefirstleveladvert').getSelectionModel();//var panelModel = this.up("panel").getSelectionModel();

var panelModel = this.up("panel").getSelectionModel();

store.insert(0,panelModel);

rowEditing.startEdit(0, 0);

}

},

{ xtype:'button', text: '删除'},

{ xtype:'button', text: '修改' ,handler:function(){

store.sync();

store.reload();

}

}]

}];this.callParent();

},

listeners : {

itemdblclick:function(dv, record, item, index, e) {

}

},

});