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

Question

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

                },

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

screenshot

Answer 1

嗨，它与 hbox 布局和字段集无关。这是因为 selectField.these 行是 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'
}

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

Sencha - hbox layout has invisible lines in fieldset

extjs

fieldset

textfield

hbox

sencha-touch