如何從app.js調用另一個視圖

當應用程序加載時，它調用app.js（這在index.html中調用）。我想要做的是當應用程序調用app.js時，我需要app.js來初始化Main.js視圖。如何從app.js調用另一個視圖

簡而言之，當app.js被調用時，它應該調用Main.js視圖。

如何以編程方式執行此操作;

app.js

//<debug> 
Ext.Loader.setPath({ 
        'Ext': 'lib/touch/src' 
        }); 
    //</debug> 

Ext.application({ 
       name: 'My', 

       requires: [ 
          'Ext.MessageBox' 
          ], 

       views: ['Main'], 

       icon: { 


       phoneStartupScreen: 'resources/loading/Homescreen.jpg', 
       tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg', 

       launch: function() { 
       // Destroy the #appLoadingIndicator element 
       Ext.fly('appLoadingIndicator').destroy(); 

       // Initialize the main view 
       Ext.Viewport.add(Ext.create('My.view.Main')); 
       }, 

       onUpdated: function() { 

       } 
       });

Main.js

Ext.define("My.view.Main", { 
    extend: 'Ext.tab.Panel', 
    requires: ['Ext.TitleBar'], 

    config: { 
     tabBarPosition: 'bottom', 

     items: [ 
      { 
       title: 'Welcome', 
       iconCls: 'home', 

       styleHtmlContent: true, 
       scrollable: true, 

       items: { 
        docked: 'top', 
        xtype: 'titlebar', 
        title: 'Welcome to Sencha Touch 2' 
       }, 

       html: [ 
        "You've just generated a new Sencha Touch 2 project. What you're looking at right now is the ", 
        "contents of <a target='_blank' href=\"app/view/Main.js\">app/view/Main.js</a> - edit that file ", 
        "and refresh to change what's rendered here." 
       ].join("") 
      }, 
      { 
       title: 'Get Started', 
       iconCls: 'action', 

       items: [ 
        { 
         docked: 'top', 
         xtype: 'titlebar', 
         title: 'Getting Started' 
        }, 
        { 
         xtype: 'video', 
         url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c', 
         posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg' 
        } 
       ] 
      } 
     ] 
    } 
});

來源

2012-05-04 user1315906

我看你沒關'}'的你的'Icon：'屬性。 –

我正在使用Xcode進行開發。通常IDE的建議是否有分號，括號丟失。有沒有一種方法可以將此功能添加到xCode，以便顯示我的語法錯誤？ – user1315906

從未使用過Xcode。抱歉。去谷歌上查詢。 –

做到這一點，

// Initialize the main view 
Ext.Viewport.add({ 
    xclass:'My.view.Main' 
});

來源

2012-05-04 20:34:17

你想要我在哪裏添加這些代碼行？ – user1315906

添加上面一行代替'//初始化主視圖 Ext.Viewport.add（Ext.create（'My.view.Main'））; }，'這.. –

如何從app.js調用另一個視圖

回答

相關問題