0

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

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 上测试过。提前致谢。

4

3 回答 3

2

为什么要将 Ext.Msg 添加到视口。更改处理函数如下

handler: function() {

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

即删除 Ext.Viewport.add(Ext.Msg);

注意：我在 Sencha 1.1.0 上测试过

希望它会有所帮助...

于 2011-11-23T11:47:59.863 回答
1

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

一开始还以为是Sencha Touch的bug。经过几天的研究，我刚刚发现了这个错误的根本原因。我<!DOCTYPE html>在我的 html 页面中的 HTML5 声明之前添加了一个额外的标签。我通过将 HTML5 声明<!DOCTYPE html>放在页面顶部来纠正它，它解决了我的问题。

于 2012-03-19T06:44:23.063 回答
1

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

在 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()
于 2012-06-26T04:51:55.990 回答