ExtjS：用细小的细线分开2个网格面板（在hbox中），而不是分割器？

Question

我放置了以下内容，一切都很好，我左边有一个网格，右边有一个网格，但是它们并排放置，我想在一件事之间划一条细线，这可能吗？

   {
                        layout: {
                            type: 'hbox',
                            pack: 'start',
                            align: 'stretch'
                        },
                        items: [
                            {
                                xtype: 'first-grid-panel',
                                flex: 1
                            },
                            {
                                xtype: 'second-grid-panel',
                                flex: 1
                            }
                        ]
                    }

我希望在它们之间放置某种垂直线，非常薄。

或者其他选项是在“左”网格面板上放置右边框，在“右”网格面板上放置左边框。不确定天气会起作用。

我尝试设置frame：true，但这会在它周围放置一个很难看的框架。

有什么想法吗？

提前致谢

Answer 1

可以设置您提到的边框，例如：

items: [{
    style: {
        borderRight: 'solid 1px red'
     } 
 },{
    style: {
        borderLeft: 'solid 1px green'
     }
 }]

示例：https://fiddle.sencha.com/#fiddle/umu。

（你最好使用css类）