Question

I am using sencha touch 2 PR1 .when I click on alert button the alert box which gets open does not have Ok button and its height covers entire page. here is my view

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

    ]
}
 });

and controller

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);

}

});

页: 1

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


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




Ext.application({

name:  MyTask ,   
controllers: [ TestController ],

 });

Why it is not getting displayed properly? I tested on crome and ipad. thanks in advance.

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);

Note : I tested it on Sencha 1.1.0

希望将有助于......

Answer 2

Hey guys below code would help you to solve your problem:-

该守则在sen触及2.0号最后测试。

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

Answer 3

我也谈到同一问题,甚至Sencha Touch版本2.0。

At the first time, I thought it is a bug of Sencha Touch. After spending couple days to research, I ve just found out the root cause of this bug. I ve put an extra tag before the HTML5 <!DOCTYPE html> declaration in my html page. I corrected it by put the HTML5 declaration <!DOCTYPE html> on the very top of my page and it fixed my problem.

友情链接