首先使最外围的容器随窗口变化,然后再定义内部的各组件。
window.onresize = function() {
Ext.getCmp('gridId').setWidth(document.documentElement.clientWidth); //修改最外层容器的宽度
var w = document.documentElement.clientWidth;
var array = new Array(0.05, 0.2, 0.2, 0.1, 0.1, 0.1, 0.25);
for (var i = 0; i < array.length; i++) {
Ext.getCmp('gridId').columnManager.getColumns()[i + 1].setWidth(w * array[i]);
if (i == array.length - 1) {
Ext.getCmp('gridId').columnManager.getColumns()[i + 1].setWidth(w * array[i] - 15);
}
}
};