2013-08-23 37 views
0

在這裏我在sencha touch中的代碼,我試圖添加2個按鈕horizo​​ntaly,意味着一個other.No,運氣它繼續來一個上邊和另一個較低。在同一行中的按鈕

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'}); 
        } 
        }] 
       }; 

如何在同一行設置按鈕。請幫我整理一下。

+0

你能給更詳細一點?你將什麼類型的容器放入配置文件?另外 - 什麼是'標籤'?您是否試圖在此「標籤」組件下方放置兩個按鈕? – drew630

回答

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

1

在ExtJS的點,必須有作爲父母的容器來容納孩子(按鈕)。並將佈局配置設置爲「hbox」。

的代碼必須看起來像,

items:[ 
    tab, 
    { 
    xtype:'container', 
    layout:'hbox', 
    items:[ 
    { 
     xtype:'button1' 
    }, 
    { 
     xtype:'button2' 
    } 
    ] 
    } 
    ] 
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'}); 
     } 
    } 
] 
相關問題