Кнопка «ОК» не отображается в Ext.Msg.alert - PullRequest
Новая
       1

Кнопка «ОК» не отображается в Ext.Msg.alert

0 голосов
/ 23 ноября 2011

Я использую 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.заранее спасибо.

Ответы [ 3 ]

2 голосов
/ 23 ноября 2011

Почему вы добавляете 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

Надеюсь, это поможет ...

1 голос
/ 26 июня 2012

Эй, ребята, приведенный ниже код поможет вам решить вашу проблему: -

Код, протестированный на 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()
1 голос
/ 19 марта 2012

У меня такая же проблема, даже с Sencha Touch версии 2.0.0.

В первый раз я подумал, что это ошибка Sencha Touch. Потратив пару дней на исследования, я только что выяснил причину этой ошибки. Я добавил дополнительный тег перед объявлением HTML5 <!DOCTYPE html> на своей html-странице. Я исправил это, поместив объявление HTML5 <!DOCTYPE html> в самый верх моей страницы, и это исправило мою проблему.

...