枫芸志

【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自动出现横向滚动条和垂直滚动条》
标签： ExtJs
分享：