aligment鍵盤按鈕（數字）

Question

我是新來煎茶touch.I的數字鍵盤寫代碼，但按鈕顯示vertically.my代碼是

Ext.define("exercise.view.Numberplate",{ 
    extend: "Ext.SegmentedButton", 
    requires:['Ext.Button'], 
    xtype:'Numberplate', 
    allowMultiple: true, 
    config: { 
     pack:'center', 
     centered:true, 
     height:30, 
     width:100, 
     xtype:'button', 
     items: [ 
      { 
       xtype:'segmentedbutton', 
       allowDepress:true, 
       scroll:true, 
       //layout:'vbox', 
       items:[ 
        { 
         text:'1', 
         width:100 
        }, 
        { 
         text : '2', 
         width:100 
        }, 
        { 
         text: '3', 
         width:100 
        } 
       ] 
      }, 
      { 
       xtype:'segmentedbutton', 
       //centered:true, 
       pack:'center', 
       items:[ 
        /* { 
        centered:true, 
        html: [ 
        '<br><br><br><br>' 
        ].join("") 

        },*/ 
        { 
         text:'4', 
         width:100 
        }, 
        { 
         text:'5', 
         width:100 
        }, 
        { 
         text:'6', 
         width:100 
        } 
       ] 
      } 
     ] 

    }, 
    constructor: function() { 
     this.on({ 
      scope: this, 
      delegate: 'button', 

      tap: 'tapHandler' 
     }); 

     this.callParent(arguments); 
    }, 

    tapHandler: function(button) { 
     alert(button.getText()); 
     // this.setHtml("<span class=action>User tapped " + button.getText() + "</span>"); 
    } 
}); 

我試過，但我沒有得到這。我覺得這很容易，但我不知道該怎麼辦this.can任何人幫助me.thanks提前

Answer 1

只需添加layout:vbox到您的配置：

Ext.define("exercise.view.Numberplate",{ 
extend: "Ext.SegmentedButton", 
requires:['Ext.Button'], 
xtype:'Numberplate', 
allowMultiple: true, 
config: { 
    layout: 'vbox', // Add right here 
    pack:'center', 
    centered:true, 
    height:30, 
    width:100, 
    xtype:'button', 
    items: [ 
     { 
      xtype:'segmentedbutton', 
      allowDepress:true, 
      scroll:true, 
      //layout:'vbox', 
      items:[ 
       { 
        text:'1', 
        width:100 
       }, 
       { 
        text : '2', 
        width:100 
       }, 
       { 
        text: '3', 
        width:100 
       } 
      ] 
     }, 
     { 
      xtype:'segmentedbutton', 
      //centered:true, 
      pack:'center', 
      items:[ 
       /* { 
       centered:true, 
       html: [ 
       '<br><br><br><br>' 
       ].join("") 

       },*/ 
       { 
        text:'4', 
        width:100 
       }, 
       { 
        text:'5', 
        width:100 
       }, 
       { 
        text:'6', 
        width:100 
       } 
      ] 
     } 
    ] 

}, 
constructor: function() { 
    this.on({ 
     scope: this, 
     delegate: 'button', 

     tap: 'tapHandler' 
    }); 

    this.callParent(arguments); 
}, 

tapHandler: function(button) { 
    alert(button.getText()); 
    // this.setHtml("<span class=action>User tapped " + button.getText() + "</span>"); 
} 
}); 

希望它能幫助:)