一.简单grid

Ext.onReady(function(){Ext.tip.QuickTipManager.init();
var _storeParams = '{"gridId":"DGrid_G005_sgblxmx"}';
var Tools_DGrid_G005_sgblxmx = ['-',{xtype: 'button',id : 'Btn_add',iconCls:'icon-add',text:'添加',disabled : false,handler:function(){addData();}}];
Ext.define('model', {
extend : 'Ext.data.Model',
fields : [
{
name : 'deh',
type : 'string'
}
,{
name : 'mc',
type : 'string'
}
,{
name : 'dw',
type : 'string'
}
,{
name : 'gcl',
type : 'string'
}
,{
name : 'Gclhj',
type : 'string'
}
,{
name : 'bl',
type : 'string'
}
,{
name : 'xmid',
type : 'string'
}
,{
name : 'pid',
type : 'string'
}
]});
store = Ext.create('Ext.data.Store', {
storeId : 'store',
model : 'model',
sorters: [{property: 'Id', direction: 'DESC'}],
pageSize : 30,
proxy : {
type : 'ajax',
url : baseUrl+'/admin/appDefaultGridAction!dataGrid.action',
reader : {
type : 'json',
root : 'rows',
idProperty : 'total'
}
},
autoLoad : true
});
store.on('beforeload', function (store, options) {
    var new_params = { 
		extraParams: _getStoreExtraParams(0),
                sqlWhere:encodeURI(_storeParams),
                gridId:'DGrid_G005_sgblxmx'
    };
    Ext.apply(store.proxy.extraParams, new_params);
});
grid = Ext.create('Ext.grid.Panel', {
sqlTableName : '..',
id :'DGrid_G005_sgblxmx',
border : 0,
columnLines : true,
store : store,
frame : false,
stripeRows : true,
selType : 'checkboxmodel',
	forceFit : true,
columns : [ 
{
hidden: true
}
,{
xtype : 'rownumberer',
width : 40,
sortable : false
}
,{
header : '<font class="x-grid-header-font">编码</font>',
dataIndex : 'deh',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}
,{
header : '<font class="x-grid-header-font">名称</font>',
dataIndex : 'mc',
menuDisabled :true,
style:'text-align:center;',
align:'left',
width : 150
}
,{
header : '<font class="x-grid-header-font">单位</font>',
dataIndex : 'dw',
menuDisabled :true,
style:'text-align:center;',
align:'center',
width : 150
}
,{
header : '<font class="x-grid-header-font">工程量</font>',
dataIndex : 'gcl',
menuDisabled :true,
style:'text-align:center;',
align:'right',
width : 150
}
,{
header : '<font class="x-grid-header-font">累计工程量</font>',
dataIndex : 'Gclhj',
menuDisabled :true,
style:'text-align:center;',
align:'right',
width : 150
}
,{
header : '<font class="x-grid-header-font">比例</font>',
dataIndex : 'bl',
menuDisabled :true,
style:'text-align:center;',
align:'right',
width : 150
}
,{
header : '<font class="x-grid-header-font">xmid</font>',
dataIndex : 'pid',
menuDisabled :true,
hidden: true,
hideable: false,
style:'text-align:center;',
align:'left',
width : 150
}
 ],
renderTo: Ext.getBody(),
height: '100%',
bbar : {
xtype : 'pagingtoolbar',
pageSize : 30,
store : store,
displayInfo : true
},
tbar : Tools_DGrid_G005_sgblxmx
});
_pageOnLoad();gridOnLoad();
});

后台传过来的数据格式为：List<Map>  ({["xxx":"XXX","ccc":"CCC"],["xxx":"XXX","ccc":"CCC"]})