Sencha touch '；OK'；按钮未显示在Ext.Msg.alert中

我正在使用sencha touch 2 PR1。当我点击警报按钮时，打开的警报框没有“Ok”按钮，其高度覆盖整个页面。 这是我的看法

Ext.define('MyTask.view.Main', {
extend: 'Ext.Container',
alias: 'widget.main',
config: {
    items: [

        {
          xtype : 'button',
          cls   : 'demobtn',
        ui    : 'round',
        margin: '10 0',
        text: 'Alert',
            handler: function() {
            Ext.Viewport.add(Ext.Msg);
                Ext.Msg.alert('Title', 'The quick brown fox jumped over the lazy dog.',     Ext.emptyFn);
            }
        }

    ]
}
 });

和控制器

Ext.define('MyTask.controller.TestController', {
extend: 'Ext.app.Controller',   
views: ['Main'],
refs: [
    {
        ref     : 'main',
        selector: 'main',
        autoCreate: true, 
        xtype   : 'main'   
    },

],

init: function() {
mainPanel=this.getMain();
Ext.Viewport.add(mainPanel);

}

});

和app.js

 Ext.Loader.setConfig({ enabled: true });


Ext.require([    
'Ext.XTemplate',
'Ext.Panel',
'Ext.Button',
'Ext.List',
'Ext.MessageBox'
]);




Ext.application({

name: 'MyTask',   
controllers: ['TestController'],

 });

为什么不能正确显示？ 我在crome和ipad上进行了测试。

---

提前感谢。

为什么要将Ext.Msg添加到视口中。按如下所示更改处理程序函数

handler: function() {

                Ext.Msg.alert('Title', 'The quick brown fox jumped over the lazy dog.',     Ext.emptyFn);
            }

ie删除Ext.Viewport.add（Ext.Msg）

注意：我在Sencha 1.1.0上测试了它

---

希望它能帮助…

为什么要将Ext.Msg添加到视口中。按如下所示更改处理程序函数

handler: function() {

                Ext.Msg.alert('Title', 'The quick brown fox jumped over the lazy dog.',     Ext.emptyFn);
            }

ie删除Ext.Viewport.add（Ext.Msg）

注意：我在Sencha 1.1.0上测试了它

---

希望它能有所帮助……

即使使用Sencha Touch 2.0.0版，我也遇到了同样的问题

第一次，我认为这是一个昆虫的Sencha触摸。 在花了几天时间进行研究之后，我刚刚找到了这个bug的根本原因。 我在html页面中的HTML5

声明之前添加了一个额外的标记。

---

我通过将HTML5声明

放在我的页面顶部来纠正它，它解决了我的问题。

即使使用Sencha Touch 2.0.0版，我也遇到了同样的问题

第一次，我认为这是一个昆虫的Sencha触摸。 在花了几天时间进行研究之后，我刚刚找到了这个bug的根本原因。 我在html页面中的HTML5

声明之前添加了一个额外的标记。

---

我通过将HTML5声明

放在我的页面顶部来纠正它，它解决了我的问题。

嘿，下面的代码可以帮助你解决问题：-

该代码在sencha touch 2.0 final上进行了测试

 Ext.Msg.show({
                 title: 'Title',
                 message: 'The quick brown fox jumped over the lazy dog.',
                 buttons: [{
                             id: 'alertCancelBtn',
                             iconCls: 'user',
                             iconMask: true,
                             text: 'Ok',
                             ui: 'round decline'
                           }], // buttons
                 height: 200,
                 width: 150,
                     //   Ext.emptyFn      
  }); // show()

---

嘿，下面的代码将帮助您解决问题：-

该代码在sencha touch 2.0 final上进行了测试

 Ext.Msg.show({
                 title: 'Title',
                 message: 'The quick brown fox jumped over the lazy dog.',
                 buttons: [{
                             id: 'alertCancelBtn',
                             iconCls: 'user',
                             iconMask: true,
                             text: 'Ok',
                             ui: 'round decline'
                           }], // buttons
                 height: 200,
                 width: 150,
                     //   Ext.emptyFn      
  }); // show()

---

那不会有任何效果。我把它添加到viewport，因为它警告说它必须添加到viewportHi@Khush中，它在我的应用程序中工作（基于sencha 1.1.0构建）。让我用sencha 2.0.0检查一下。我也会修改我的答案。那不会有任何效果。我把它添加到viewport，因为它警告说它必须添加到viewportHi@Khush中，它在我的应用程序中工作（基于sencha 1.1.0构建）。让我用sencha 2.0.0检查一下。我也会编辑我的答案。