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

Question

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

Answer 1

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

该解释适用于 ST1，但它可能会帮助您了解如何在 ST2 中实现这一目标。

希望这可以帮助。

Answer 2

没有满足您需要的内置配置，因此您必须手动进行。

请注意，这Ext.MessageBox只是一个floatand 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();

希望能帮助到你。