javascript - 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

に 2 つのボタンしかない場合は、' Docked ' プロパティExt.Msg.Showを使用して目的の結果を得ることができます。（このような）：

幸運を！

更新されたコードは次のとおりです。

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