Sencha touch 2 - Chrome 시작시 빈 화면이 나타남

Question

aptana 스튜디오 3에서 Sencha touch 2를 사용하여 MVC "Notes"응용 프로그램을 만들려고하고 있는데, 메인보기와 컨트롤러 만 만들었지 만 크롬을 사용하여 테스트 해 보면 빈 화면이 모두 표시됩니다. 도움이 되었습니까? 당신이 정의하는 경우

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

확실하지,하지만 : 홈페이지보기 :

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.define("NotesApp.view.NotesListContainer", { 
extend: "Ext.Panel", 

당신은 확인을해야합니다. 당신의 index.html을 여기에 게시하지 않으면

은 응원, 올렉

Answer 2

H는, 당신 만

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

이 도움이되기를 바랍니다, Ext.Application

views: ["NotesListContainer"], 

에로 변경하십시오. :)

Answer 3

최근 Chrome (버전 43)에서 Chrome 및 Android에서 흰색 화면이 표시되는 데 몇 가지 문제가있었습니다. Ext.util.PaintMonitor를 재정의하여 Ext.util.PaintMonitor.CssAnimation의 새 인스턴스를 지정한 here으로 반환 할 수 있습니다.