ExtJS 4 - 添加底部工具栏后的额外边框

我有一个ExtJS4应用程序，具有中等复杂布局，由几个嵌套面板组成，每个嵌套面板的布局类型为border。我无法弄清楚如何摆脱当我向其中一个面板添加底部工具栏时存在的“双边框”。ExtJS 4 - 添加底部工具栏后的额外边框

见的jsfiddle这里的一个例子：http://jsfiddle.net/5fwLz/2/

我只是想弄清楚如何使上面的“按钮”的边界看的权利。任何帮助将不胜感激，谢谢！

编辑 - 解决方案我用：http://jsfiddle.net/5fwLz/4/

这是一个有点清洁我觉得比低于Akatum的解决方案和边界也保持一个干净的外观，当南部区域由可折叠的。

2013-11-24 zeke

这个解决方案是相当黑客，但它的工作原理。您可以设置border南部边境地区的属性false，然后通过使用style属性定义的右侧，左侧和顶部边框：

{ 
    region: 'south',    
    border: false, 
    style: { 
     borderRight: '1px solid #99BCE8', 
     borderLeft: '1px solid #99BCE8', 
     borderTop: '1px solid #99BCE8' 
    }, 
    split: true, 
    height: '25%'     
}

编辑小提琴是在这里：http://jsfiddle.net/5fwLz/3/

来源

2013-11-24 19:25:38 Akatum

谢谢！我没有完全使用它，但它确实让我想出了我最终选择的解决方案。在原始帖子中查看我的解决方案 – zeke

对于那些谁可能跨越此绊倒。我发现使用bodyBorder配置稍好一点的方法。

region: 'center', 
border: false, 
bodyBorder: false,

http://jsfiddle.net/5fwLz/15/

来源

2014-12-04 17:27:53

ExtJS 4 - 添加底部工具栏后的额外边框

回答

相关问题