extjs 的学习

今天为了EXT的布局搞的头痛，JS里面重要用了几个panel组件，不管是一般的panel,还是frompanel等，要把这几个panel在页面框架中填充center 框架，我是把这几个panel,放到一个整体的panel 里面，然后放到viewport 中，通过 layout:fit填充整个页面。但是这几个panel一直会很长，即要出现竖的滚动条，我在那个大的panel 里用了autoScrool：true
主要是panel中有一个grid。这样的话，grid的BUG就出来啦，横的滚动条出现啦，很长很长，很难看，要去掉。我在小的Panel里面加
bodyStyle:'width:100%',
autoWidth:true,
代码如下：

var viewpanel = new Ext.Panel({
region: 'center', autoScroll :true,
layout:'fit', bodyStyle:'width:100%', layoutConfig: {      
          titleCollapse: true,
        animate: true,
        activeOnTop: false
},
items:[topArea,SOA_conf_grid,conditionPanel,saveReturn]
});
//定义一个viewport
var viewport=new Ext.Viewport({
layout:'border',
border:false,
autoScroll: true,
items:[{
region:'center', layout:'fit',
items:[viewpanel]
}]
});