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); 
} 
} 
}) 

你可能感兴趣的:(function,null,ExtJs)