Ext.Msg.alert 和 Ext.Msg.show 未显示“消息”字段答案

【问题标题】：Ext.Msg.alert and Ext.Msg.show not showing "message" fieldExt.Msg.alert 和 Ext.Msg.show 未显示“消息”字段
【发布时间】：2013-08-26 02:45:38
【问题描述】：

我正在使用Ext.Msg.alert() 和“Ext.Msg.show()”来显示我的消息框。但到目前为止，只显示了带有确定按钮的标题，但未显示消息字段。运行代码时没有错误。有什么我想念的吗？

下面是我使用Ext.Msg.alert()时的代码，

Ext.Msg.alert('Title', 'Why you no display!?', Ext.emptyFn);

当使用Ext.Msg.Show()时，

Ext.Msg.show({
    title:'Title', 
    message: 'Why you no display!?',
    buttons: Ext.MessageBox.OK, 
    fn:Ext.emptyFn
});

2013 年 8 月 27 日更新

我发现消息框在 IOS 设备上运行时有效，但在 Android 和桌面浏览器上无效。

【问题讨论】：

标签： sencha-touch sencha-touch-2 sencha-touch-2.2

【解决方案1】：

在网上挖掘之后，我终于找到了解决方案。事实证明，修复程序位于基本文件夹中的 sass 文件中。

原帖是here。

总之，

转到touch\resources\themes\stylesheets\sencha-touch\base\mixins，打开_Class.scss文件并将@mixin st-box的整个块替换为下面的代码，然后重新编译你的css（例如使用指南针手表）

@mixin st-box($important: no) {
    @if $important == important {
        display: flex !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
    } @else {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
    }
}

【讨论】：