【ExtJs】GridPanel自动出现横向滚动条和垂直滚动条

    GridPanel是ExtJs中最常用的组件之一,特别对于信息系统来说,经常需要用它来显示表格状地数据。目前习惯用的界面布局是:左侧功能导航菜单,右侧主区域放TabPanel,每开一个功能加一个Tab。之前遇到的问题是GridPanel放在TabPanel里的话高度和宽度很难搞,横向滚动条和垂直滚动条自动出现是个大问题。今天找到了一个简便的解决办法。

    在TabPanel的Tab里加入layout配置

    new Ext.Panel({
        layout:'border',
        items: [ gp ]
        ...
    });

     



    在GridPanel中加入region配置

    var gp = new Ext.grid.GridPanel({
        region:'center',
        ...
    });

    这样GridPanel就会自动撑满整个Tab区域了,高度和宽度就自适应到Tab区域的大小,横向滚动条和垂直滚动条会根据GridPanel内容的情况自动的隐藏和出现。

    特别注意:GridPanel不能定义autoHeight:true配置。以上为ExtJs 2.2下的方法,其他版本下未测试。



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《【ExtJs】GridPanel自动出现横向滚动条和垂直滚动条
    标签:
    分享:

已经有2 条评论抢在你前面了~

  1. 沙发
    无尽之洋 2013年3月13日 下午1:06

    这个版本太老了···

    [回复]

    晴枫

    晴枫 回复:

    @无尽之洋, 好久不玩,以前一直的是ExtJs 2.2,现在好像是5了

    [回复]

无觅相关文章插件,快速提升流量