Sencha touch 2 - 啓動Chrome上的空白屏幕

我想創建一個MVC「Notes」應用程序，在aptana studio 3上使用Sencha touch 2，我只創建了主視圖和控制器，但是當我使用chrome測試它，它顯示的是一個空白的白色屏幕。有什麼幫助嗎？Sencha touch 2 - 啓動Chrome上的空白屏幕

這裏是我的代碼：主視圖：

Ext.define("NotesApp.view.NotesListContainer", { 
    extend: "Ext.Container", 
    config: { 
     fullscreen:true, 
      items: [{ 
       xtype: "toolbar", 
       docked: "top", 
       title: "My Notes", 
       items: [{ 
        xtype: "spacer" 
       }, { 
        xtype: "button", 
        text: "New", 
        ui: "action", 
        id: "new-note-btn" 
       }] 
      }] 
    } 
});

控制器：Notes.js：

Ext.define('NotesApp.app.controller.Notes',{ 
    extend:'Ext.app.Controller', 
    config:{ 
      refs: 
       { 
        newNoteBtn:'#new-note-btn' 
       }, 
       control: 
       { 
        newNoteBtn: { 
          tap: 'onNewNote' 
        } 
       } 
    }, 
    onNewNote:function() 
      { 
       console.log("onNewNote fn"); 
      } 
});

app.js：

Ext.application({ 
    name: "NotesApp", 
    controllers: ["Notes"], 
    views: ["NotesListContainer"], 

    launch: function() { 
      console.log("fff"); 
      //debugger; 
      var notesListContainer = Ext.create("NotesApp.view.NotesListContainer"); 
      Ext.Viewport.add(notesListContainer); 
    } 
});

來源

2012-08-12 Silvia H

您在Web Inspector中遇到錯誤嗎？ – 2012-08-12 19:55:22

不知道，但如果你定義

Ext.define("NotesApp.view.NotesListContainer", { 
extend: "Ext.Panel",

你必須確定。如果不是在這裏發佈您的的index.html

歡呼，奧列格

來源

2012-08-12 11:45:42 olegtaranenko

H，請你只變成Ext.Application

views: ["NotesListContainer"],

到，

requires: ['NotesApp.view.NotesListContainer'],

希望這些幫助。 :)

來源

2012-08-12 18:18:48 hekomobile

最近，Chrome（版本43）出現了一些問題，導致在Chrome和Android上出現白屏。您可以嘗試覆蓋Ext.util.PaintMonitor以返回指定爲here的Ext.util.PaintMonitor.CssAnimation的新實例。

來源

2015-06-28 05:23:00 Sourabh86

Sencha touch 2 - 啓動Chrome上的空白屏幕

回答

相關問題