extjs - Sencha - hbox 布局在字段集中有不可见的线条

Question

{
                    layout: {
                        type: 'hbox'
                    },
                    items: [
                        {
                            xtype: 'selectfield',
                            placeHolder: 'selectfield',
                            autoSelect: false,
                        },
                        {
                            xtype: 'textfield',
                            placeHolder: 'textfield'
                        }
                    ]

                },

我想使用 Sencha Touch 2.0 将“hbox”布局与选择字段和文本字段一起用于水平组件，但就像这张图片一样，在字段集中看不到第二个组件（文本字段）的下划线。怎么了？

截屏

Answer 1

嗨，它与 hbox 布局和字段集无关。这是由于selectField。这些线是selectField的边界。如果你想删除它，你需要这样的东西

{
   xtype: 'selectfield',
   placeHolder: 'selectfield',
   autoSelect: false,
   border: 0,
},  

这将使它消失这些线我希望你明白它;）

这是一个简单的小提琴

如果你想有边框，请遵循此代码

{
  xtype: 'selectfield',
  border: 3,
  style: 'border-color: blue; border-style: solid;',
  flex: 1,
  placeHolder: 'selectfield',
  autoSelect: false,
}, 
{
  xtype: 'textfield',
  border: 3,
  style: 'border-color: blue; border-style: solid;',
  flex: 1,
  placeHolder: 'textfield'
}