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

【问题标题】：Sencha - hbox layout has invisible lines in fieldsetSencha - hbox 布局在字段集中有不可见的线条
【发布时间】：2017-04-03 16:45:16
【问题描述】：

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

                },

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

screenshot

【问题讨论】：

我认为该行是由于选择字段 xtype。它与文本字段无关。 :)

标签： extjs sencha-touch textfield fieldset hbox

【解决方案1】：

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

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

这将使它消失这些行我希望你能明白;)

here is a simple fiddle

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

{
  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'
}

【讨论】：