煎茶 - 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 的边框。如果你想删除它，你需要这样的东西

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