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

Question

我有一个 ExtJS4 应用程序，它的布局比较复杂，由几个嵌套面板组成，每个面板都有 border 类型的布局。当我将底部工具栏添加到其中一个面板时，我不知道如何摆脱存在的“双边框”。

请参阅此处的 jsFiddle 示例:http://jsfiddle.net/5fwLz/2/

我只是想弄清楚如何使“按钮”上方的边框看起来正确。任何帮助将不胜感激，谢谢!

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

我认为这比下面的 Akatum 解决方案更简洁，并且当南部区域可折叠时，边界也保持干净的外观。

Answer 1

这个解决方案很不靠谱，但它确实有效。您可以将南边界区域的 border 属性设置为 false ，然后使用 style 属性定义其右、左和上边界:

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

已编辑的 fiddle 在这里:http://jsfiddle.net/5fwLz/3/