Sencha Touch - 水平放置标签而不是垂直放置在面板中

我想在垂直布局中放置两个标签，一个文本框和一个按钮。但是两个标签水平放置，而文本框和按钮垂直放置。Sencha Touch - 水平放置标签而不是垂直放置在面板中

label1 |标签2 | textfield/button

我尝试了各种布局选项，但没有帮助。我的布局是否存在根本性错误？有什么建议吗？

代码面板：

Ext.define('MyApp.view.Demoview', { 
extend: 'Ext.Panel', 
xtype: 'demoview', 
fullscreen : false, 
config: { 
    items : [ { 
     docked : 'top', 
     xtype : 'toolbar', 
     title : 'A title' 
    }, { 
     xtype : 'panel', 
     layout : { 
      type : 'vbox', 
      pack : 'center', 
      align : 'center' 
     }, 
     defaults : { 
      margin : 5 
     }, 
     items : [ { 
      xtype : 'label', 
      styleHtmlContent: true, 
      height:'100px', 
      html : 'label 1' 
     }, { 
      xtype: 'label', 
      styleHtmlContent: true, 
      height: '100px', 
      html: 'label 2' 
     }, { 
      xtype : 'textfield', 
      label: 'Name', 
      required: true 
     }, { 
      xtype : 'button', 
      itemId : 'demoButton', 
      text : 'Button', 
      ui : 'round' 
     }] 
    } ] 
}});

他们嵌套卡布局的容器内：

Ext.define('MyApp.view.Main', { 
extend : 'Ext.Container', 
requires : [ 'MyApp.view.Someview', 'MyApp.view.Demoview'], 
config : { 
    fullscreen : false, 
    layout : 'card', 
    activeItem : 0, 
    items : [ { 
     layout : 'fit', 
     xtype : 'somview' 
    }{ 
     layout : 'fit', 
     xtype : 'demoview' 
    } 
] 
}});

来源

2011-12-05 karazy

更新到Sencha Touch 2开发者预览版3解决了我的问题。

来源

2011-12-28 10:03:37 karazy

您可以使用

labelAlign： '顶'

属性将标签垂直对齐textf ield。

来源

2011-12-06 06:37:59 heyjii

嗨，thx为您的答复。文本框和其标签完美地工作。问题在于xtype：'label'！它们水平显示为大水平框，而不是垂直显示在文本框和按钮之上。 – karazy

Sencha Touch - 水平放置标签而不是垂直放置在面板中

回答

相关问题