Extjs gridpanel横向滚动条的问题

最新推荐文章于 2020-12-19 10:33:07 发布

weixin_34344403

最新推荐文章于 2020-12-19 10:33:07 发布

阅读量159

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jadebug/archive/2011/07/02/2096267.html

本文介绍如何在gridpanel中通过调整布局设置，优化网格元素的显示方式，确保在不同屏幕尺寸下都能获得最佳视觉体验。具体包括布局函数的实现，以及如何根据屏幕宽度和高度动态调整头部、内容区域和滚动条的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在gridpanel中加入以下代码：

viewConfig : {   
    layout : function() {   
        if (!this.mainBody) {   
            return; // not rendered   
        }   
        var g = this.grid;   
        var c = g.getGridEl();   
        var csize = c.getSize(true);   
        var vw = csize.width;   
        if (!g.hideHeaders && (vw < 20 || csize.height < 20)) { // display:   
            // none?   
            return;   
        }   
        if (g.autoHeight) {   
            if (this.innerHd) {   
                this.innerHd.style.width = (vw) + 'px';   
            }   
        } else {   
            this.el.setSize(csize.width, csize.height);   
            var hdHeight = this.mainHd.getHeight();   
            var vh = csize.height - (hdHeight);   
            this.scroller.setSize(vw, vh);   
            if (this.innerHd) {   
                this.innerHd.style.width = (vw) + 'px';   
            }   
        }   
        if (this.forceFit) {   
            if (this.lastViewWidth != vw) {   
                this.fitColumns(false, false);   
                this.lastViewWidth = vw;   
            }   
        } else {   
            this.autoExpand();   
            this.syncHeaderScroll();   
        }   
        this.onLayout(vw, vh);   
    }   
}

转载于:https://www.cnblogs.com/jadebug/archive/2011/07/02/2096267.html