Sencha - hbox布局在fieldset中有不可见的行

Question

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

                },

我想使用＆＃39; hbox＆＃39;使用Sencha Touch 2.0，使用selectfield和textfield进行水平组件的布局 但是像这个图像一样，没有看到fieldset中第二个组件（textfield）的下划线。怎么了？

screenshot

Answer 1

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

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

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

  

here is a simple fiddle

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;