0

在这里,我在 sencha touch 中的代码,我尝试水平添加 2 个按钮,意味着一个到另一个。不,幸运的是它继续在上侧出现一个,另一个在下侧。

 var profilese = {
            standardSubmit : false,
            items: [tab,{
                    xtype:  'button',
                    text:   'ADD',
                    ui: 'confirm',
                    handler: function() {
                    view.setActiveItem(2, {type:'fade', direction:'right'});
                    }
                    },{
                    xtype:  'DELETE',
                    text:   'Search Friends',
                    ui: 'Search',
                    handler: function() {
                    view.setActiveItem(3, {type:'fade', direction:'right'});
                    }
                    }]
                };

如何在同一行设置按钮。请帮我整理一下。

4

3 回答 3

1

我不确定tab您的代码中有什么,但是使按钮水平对齐所需的是hbox布局:

layout: 'hbox',
items: [
    {
        xtype:  'button',
        text:   'ADD',
        ui: 'confirm',
        handler: function() {
            view.setActiveItem(2, {type:'fade', direction:'right'});
        }
    },{
        xtype:  'button',
        text:   'Search Friends',
        ui: 'Search',
        handler: function() {
            view.setActiveItem(3, {type:'fade', direction:'right'});
        }
    }
]

http://docs.sencha.com/touch/2.2.1/#!/api/Ext.layout.HBox

于 2013-08-23T12:28:36.690 回答
1

在 ExtJS 点中,必须有一个容器作为父级来容纳子级(按钮)。并将布局配置设置为“hbox”。

代码必须看起来像,

  items:[
  tab,
  {
   xtype:'container',
   layout:'hbox',
   items:[
    {
      xtype:'button1'
    },
    { 
      xtype:'button2'
    }
   ]
  }
  ]
于 2013-08-23T12:29:37.367 回答
0
layout: {
    type: 'column'
  },
items: [
    {
        xtype:  'button',
        columnWidth: 0.5,
        text:   'ADD',
        ui: 'confirm',
        handler: function() {
            view.setActiveItem(2, {type:'fade', direction:'right'});
        }
    },{
        xtype:  'button',
        columnWidth: 0.5,
        text:   'Search Friends',
        ui: 'Search',
        handler: function() {
            view.setActiveItem(3, {type:'fade', direction:'right'});
        }
    }
]
于 2013-08-23T19:49:49.940 回答