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

如果您的 中只有两个按钮，则可以使用“停靠”属性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
      }
     }
});