1、首先定义一个gridpanel类
var store = Ext.create('Ext.data.Store', {
fields: ['label1','label2','label3'],
data: []
});
Ext.define('TestGridPanel', {
extend : 'Ext.grid.Panel',
xtype : 'testGridPanel',
referenceHolder : true,
title: 'title of gridpanel',
requires : ['TestGridController'],
controller: 'TestGrid',
store : store,
selModel: {
selType: 'checkboxmodel',
mode:'MULTI', //多选,单选设为SINGLE
listeners :{
}
},
columns : [{
flex : 1,
dataIndex : 'label1',
text: 'label1'
},{
flex :1,
dataIndex : 'label2',
text:'label2'
},{
flex : 1,
dataIndex : 'label3',
text: 'label3'
}]
});
2、动态添加记录到store中
var store=this.getView().getStore();
var record={label1:"label1",label2:'label2',label3:"label3"};
store.add(record);
3、修改store中某条记录
var rec=store.getAt(j); //获得store中第j+1条记录(j从0开始)
rec.set('label1',"lalala");
rec.commit(); //使修改生效
4、删除store中某条记录
//获得选中的第一条记录
var record=this.getView().getSelectionModel().getSelection()[0];
store.remove(record);
5、清空store中的所有记录
store.removeAll();