日期:2014-05-16  浏览次数:20346 次

EXTJS_GridPanel_ColumnModel_列的宽度随数据变化而变化
bbar : new Ext.PagingToolbar({
style : 'background-color:#FFFFFF;',
pageSize : 15,
store : data,
emptyMsg : "没有数据显示!",
displayInfo : true,
displayMsg : '显示 {0} - {1} 共 {2} 条',
beforePageText : "页码 ",
afterPageText : "共 {0} 页",
firstText : "首页",
lastText : "末页",
nextText : "下一页",
prevText : "上一页",
refreshText : "刷新",
listeners : {
"change" : function(){
var multple = 10;
var souce = 4;
var columnIndex = 0;//要设置的列,此处是设置第一列
var colModel = _gridPanel.colModel; //得到所有列
if(data.data.items[0] == null){  //如果没数据,设置一个默认宽度
colModel.setColumnWidth(columnIndex,multple * souce);
}else {
var width = data.data.items[0].data.rownum_.length;
if(width > souce){//因为这里的默认宽度是40,所以倍数一定要大于4才重新设置宽度
souce = width;
}
}
colModel.setColumnWidth(columnIndex,multple * souce);
}
}
})