用小细线分隔 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 class）