Question

我正在使用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上测试过。提前谢谢。

Answer 1

为什么要将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上测试了它

希望它会有所帮助...

Answer 2

嘿，以下代码可以帮助您解决问题： -

在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()

Ext.Msg.alert中不显示“确定”按钮

2 个答案: