Sencha Touch 2：帶按鈕的消息框：如何垂直對齊按鈕？

Question

這是正常工作的代碼。

Ext.Msg.show({
    title: 'The title',
    message: 'and some text...',
    scope: this,
    buttons : [
       {
         itemId : 'no',
         text   : 'Top button'
       },
       {
           itemId : 'yes',
           text   : 'Bottom button'
         }
       ],
    fn: function(btn) {
      if (btn == 'yes'){
       //do something
      }
     }
});

如何垂直對齊按鈕？ 默認情況下，它們水平行進。

Answer 1

如果您的Ext.Msg.Show只有兩個按鈕，則可以使用' docked '屬性獲得所需的結果。 （像這樣）：

祝好運！

這是更新的代碼：

Ext.Msg.show({

    title: 'The title',
    message: 'and some text...',

    scope: this,
    buttons : [

       {

         docked: 'top',
         itemId : 'no',
           id: 'no',
         text   : 'Top button'
       },
       {

           docked: 'bottom',
           itemId : 'yes',
           id : 'yes',
           text   : 'Bottom button'
         }
       ],
    fn: function(btn) {
      if (btn == 'yes'){
       //do something
      }
     }
});