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

Question

我正在尝试找到一种方法来关闭Sencha Touch 2.0中Ext.MessageBox右上角的（X按钮），以便当您单击该按钮时，它会关闭MessageBox。

Answer 1

你可能想看看这个不错的教程：将操作按钮添加到浮动煎茶触摸面板

解释是针对 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();

希望对您有所帮助。