//下面紅色部分設置屬性值，看註釋
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
});