Question

我想做的是如下：

/*

What i want is below(the dot is to be replaced with space):

............................................... ............... toolbar1只有文字。 .................................................. ............ toolbar2只有文字。 .................................................. ............标记为textareafield1。 .................................................. ............标记为textareafield2。 .................................................. .................................................. .................................................. .................................................. ................................... .................................. button1。
...................................标签。 .................................................. .................................................. .. .................................................. .................................................. .....按钮2。

.button3 ........................ ..................... ..... tabbar ............................................ ...............................将Button4。 ...........................................

*/

Answer 1

你可以做这样的事情

Ext.create('Ext.Panel', {
    fullscreen : true,
    items : [{
        xtype :'toolbar',
        title : 'toolbar with just text'
    },{
        xtype :'toolbar',
        title : 'toolbar with just text'
    },{
        xtype :'textfield',
        label: 'TextField 1',
        name: 'TextField1'
    },{
        xtype :'textfield',
        label: 'TextField 2',
        name: 'TextField2'
  },{
        xtype :'label',
        html : 'text you want to disaply..................................'
  },{
      xtype : 'panel',
      layout : 'hbox',
      items : [{
          xtype : 'label',
          html : '....................'
      },{
          xtype : 'label',
          html : '..............................................'
      },{
          xtype : 'button',
          text : 'Button Text'
      }]
  },{
      xtype : 'panel',
      layout : 'hbox',
      items : [{
          xtype : 'label',
          html : '.................... '
      },{
          xtype : 'label',
          html : 'label Text'
      },{
          xtype : 'label',
          html : '.................. '
      }]
  }]
});

使用hbox布局的

面板可以解决问题..请参阅this sencha fiddle

更新

如果您在fieldset中放置字段，则可以设置字段之间的行..

或者你想创建简单的saparater线或图像..只需放在字段之间

{
  xtype : 'label',
  html : '<hr>'
}

另见this sencha表格帖子

如何使用sencha touch将textareafields和两个带有标签的垂直按钮混合在列表左侧？

1 个答案: