//下面红色部分设置属性值，看注释

var _store = Ext.create('Ext.data.Store', {

fields : ['name', 'name2','name3'],

proxy : {

type : 'ajax',

url : 'test!request.action',

reader : {

type : 'json',

root : 'data'

}

},

listeners : {

'load' : function(t, records, successful, eOpts) {

if (successful && records.length == 1

&& records[0].raw.state == -1) { ?根据后台返回异常状态，如果load加载错误，返回错误信息。

t.removeAll();

Ext.Msg.alert('异常', records[0].raw.exMsg);

}

}

}

});

?

Ext.create('Ext.grid.Panel', {

columnLines : true,

store : _store,

border : false,

bodyBorder : false,

lazyLoad : true,

columns :?[new Ext.grid.RowNumberer(), {

header : '列1',

dataIndex : 'name',

sortable : false,

flex : 4.5?//占比9/20

}, {

header : '列2',

dataIndex : 'name2',

sortable : false,

flex : 4.5?//占比9/20

}, {

text : '列三',

dataIndex : 'name3',

sortable : false,

flex : 1, ? //占比1/10

renderer : function(v, m, r) {

return '列3(占1/10)';

}

}];,

loadMask : true,

forceFit : true, ? ?//按照比例分配宽度属性。总数为10

});