煎茶 - hbox中布局具有在字段集不可见线

Question

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

       }, 

我想使用“hbox中”与selectfield和TextField为水平分量layoout使用煎茶触摸2.0 但像这样的图像，在字段集强调了第二组分（文本框）是没有见过。怎么了？

screenshot

Answer 1

喜其分毫与横向盒布局和字段集。它是由于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' 
 
}