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]
}]
});
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页