`
kstgjfk403
  • 浏览: 28782 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让页面部局随浏览器窗口自适应

阅读更多

首先使最外围的容器随窗口变化,然后再定义内部的各组件。

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics