Extjs4 gridPanel 列按照百分比分配宽度
//下面红色部分设置属性值，看注释
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
});
