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上的空白屏幕

回答

相关问题