gridPanel

(function(){
Ext.QuickTips.init();
var grid = Ext.create('Ext.grid.Pale',{
title:'parentName',
frame:true,
forceFit:true,
width:890,
height:400
columns:[
{text:'name',dataIndex:'name'},
{text:'age',dataIndex:'age'},
{text:'mail',dataIndex:'mail',
field:[
xtype:'textfield',
allowBlank:false
]

}
],
tbar:[
{xtype:'button' text:'添加',iconcls:'table_add'},
{xtype:'button' text:'删除',iconcls:'table_remove'},
handler:function(o){
// var grid = o.findParentByType('gridpanel');//获得父类的panle
var grid = o.ownerCt.ownerCt;
var data = grid.getSelectionModel.getSelection();

if( data.length ==0){

Ext.Msg.alert('提示','至少选址一条数据');

}else{

var st = grid.getStore();//得到ID数据
var ids=[];
Ext.Array.each(data,function(records){
ids.push(records.get('name'));

})
Ext.Ajax.request({
url:'',
params:{ids:ids.join(',')},
method:'POST',
timeout:2000,
success: function(response,opts){

Ext.Array.each(data,function(records){
st.remove(records);

})
}

})

}
}


{xtype:'button' text:'修改',iconcls:'table_edit'},
{xtype:'button' text:'查看',iconcls:'table_comm'}

],
docketItems:[
xtype:'pagingtoolbar',
store:Ext.data.StoreManager.lookup('s_user'),
dock:'buttom',
displayInfo:true

],
plugins:[//添加单元格可编辑插件
Ext.create('Ext.grid.plugin.CellEditing',{
clicksToedit:1
});

],

setType:'checkboxmodel',//定义chekbox复选框
multiSelect:true,//允许多选
renderTo:'divId',
store:Ext.data.StoreManager.lookup('s_user')
});

});

})();

-----------------------------------------------------------------------------
Ext.define('user',{
extend:'Ext.data.Model',
fields:[
{name:'name',type:'string',sortable:true},
{name:'age',int:'string',sortable:true},
{name:'mail',type:'string',sortable:true}
]


});

Ext.create('Ext.data.Stroe',{
model:'user',
storeId:'s_user',
proxy :{

type:'ajax',
url:'testurl'
reader:{
type:'json',
root:'topis'//json 根节点 就是对象数组前节点名称
},
writer: {
type:'json'

}
},
autoLoad:true


});