0

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'],

 });

正しく表示されないのはなぜですか？クロムと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でも、同じ問題が発生しました。

初めて、SenchaTouchのバグだと思いました。調査に数日を費やした後、私はこのバグの根本的な原因を見つけました。HTMLページのHTML5<!DOCTYPE html>宣言の前に追加のタグを付けました。<!DOCTYPE html>ページの最上部にHTML5宣言を配置することで修正し、問題を修正しました。

于 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 に答える