1

我正在尝试在 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");
           }
});

应用程序.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);
    }
});
4

3 回答 3

1

最近 Chrome（43 版）出现了一些问题，导致 chrome 和 android 出现白屏。您可以尝试覆盖 Ext.util.PaintMonitor 以返回此处指定的 Ext.util.PaintMonitor.CssAnimation 的新实例。

于 2015-06-28T05:23:00.623 回答
0

不确定，但如果你定义

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

你必须确定。如果不在这里发布您的index.html

干杯，奥列格

于 2012-08-12T11:45:42.713 回答
0

H，请只有你变成Ext.Application

views: ["NotesListContainer"],

至，

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

希望这些有所帮助。:)

于 2012-08-12T18:18:48.380 回答