Question

我正在尝试使用aptana studio 3上的Sencha touch 2创建MVC“Notes”应用程序，我只创建了主视图和控制器，但是当我使用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);
    }
});

Answer 1

最近，Chrome（版本43）出现了一些问题，导致Chrome和Android上出现白屏。您可以尝试重写Ext.util.PaintMonitor以返回指定here的Ext.util.PaintMonitor.CssAnimation的新实例。

Answer 2

不确定，但如果你定义

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

你必须好。如果没有在此处发布 index.html

Cheer，Oleg

Answer 3

H，请您只需更改为Ext.Application

views: ["NotesListContainer"],

要，

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

希望这些有所帮助。：）

Sencha touch 2 - 启动Chrome时出现空白屏幕

3 个答案: