sencha-touch - Ext.Msg.alert 和 Ext.Msg.show 未显示“消息”字段

Question

我使用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 和桌面浏览器上无效。

Answer 1

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

原帖在这里。

简而言之，

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

@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;
    }
}