解决办法 1:网上转载http://blog.csdn.net/selley/archive/2008/10/29/3175126.aspx
对Ext的Panel界面组件,如果配置它的frame为true,则Panel是圆角框显示,但也会出现如下效果:
如图,Panel的body在文字周围显示的是Panel的底色,这些间隙是css的padding引起的。
如果使用圆角,则Panel组件将使用 .x-panel-ml .x-panel-mc .x-panel-mr 这些样式,这些规定了padding值为6px
如:
- .x-panel-ml{background:#fff url(../images/default/panel/left-right.gif) repeat-y 0 0;padding-left:6px;zoom:1;}
- .x-panel-ml{padding-left:6px;}
- .x-column-layout-ct .x-panel {
- margin-bottom:5px;
- }
- {
- columnWidth:.33,
- baseCls:'x-plain',
- bodyStyle:'padding:5px 5 5px 5px',
- items:[{
- title: 'Panel',
- frame:true,
- bodyStyle:'background:white;font:normal 12px verdana;',
- html: Ext.example.shortBogusMarkup
- }]
- }
解决办法2:
将有tbar的panel装入(意思就是layout:'fit')没有设置frame或者frame设置为false的panel中。强烈推荐这种方法。