如何在Ext.MessageBox Sencha Touch 2.0的右上角嵌入自定义关闭按钮

Question

我正试图在Sencha Touch 2.0的Ext.MessageBox的右上角找到一种关闭（X按钮）的方法，这样当你点击按钮时它会关闭MessageBox。

Answer 1

你可能想看看这个很好的教程： Add action buttons to floating sencha touch panels

解释是针对ST1，但它可能有助于您了解如何在ST2中实现这一目标。

希望这有帮助。

Answer 2

没有符合您需求的内置配置，因此您必须手动完成。

请注意，Ext.MessageBox只是float和modal Ext.Container，因此您可以像普通容器一样对其进行自定义。

让我们尝试这样的事情（你可以在这里通过Sencha Touch 2文档编辑这段代码：

http://docs.sencha.com/touch/2-0/#!/api/Ext.MessageBox

var box = Ext.create('Ext.MessageBox',
                         {
                             id: 'message-box',
                             title: 'title', 
                             message: 'message', 
                             items: [
                                 {
                                 xtype: 'toolbar',
                                 height: '40px',
                                 docked: 'top',
                                 items: [
                                     {xtype: 'spacer'},
                                     {xtype: 'button', 
                                      text: 'X', 
                                      ui: 'plain',
                                      style: {padding: '5px'},
                                      handler: function(){Ext.getCmp('message-box').hide();}
                                     },
                                 ],
                                 }
                             ]
                        });
    box.show();

希望它有所帮助。