extjs 用细线条分隔2个网格面板(在hbox中),而不是使用分隔线

tp5buhyn  于 2022-11-04  发布在  其他
关注(0)|答案(1)|浏览(173)

我已经放置了以下和一切都工作得很好。我有一个网格在左边和右边,但他们并排放置,我想一条细线之间的东西。这是可能的吗?

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

我想在它们之间画一条垂直线,非常细。
或者其他的选择是在“左”网格面板上放置一个右边框,在“右”网格面板上放置一个左边框。我不确定这是否有效。
我试着设置frame: true,但这会给它设置一个很大的难看的框架。

zzlelutf

zzlelutf1#

可以按照您提到的方式设置边框,例如:

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

示例:https://fiddle.sencha.com/#fiddle/umu。
(You最好使用css类来完成此操作)

相关问题