Sencha Touch 2アプリケーションをレンダリングする最速の方法

Question

私はSencha Touch 2アプリケーションを構築しています。アプリケーションの構築方法は不思議でした。 Ext.createを使用してオブジェクトを個別に作成し、そのオブジェクトを別のオブジェクトのアイテムとして配置しますか？または、オブジェクトを作成してプロパティを設定し、すべてを一度にレンダリングしますか？そこで質問が高速である何、で、この：

Ext.application({ 
    autosCreateViewport: true, 
    useLoadMask: true, 
    launch: function(){ 
     var titleBar = { 
      id: 'mainNavigationBar', 
      xtype : 'titlebar', 
      layout: 'hbox', 
      docked: 'top', 
      title : 'cSenchaTitleBar', 
      items:[] 
     }; 

     var panel ={html:"test",xtype:"panel"} 

     containerPanel = Ext.create('Ext.Container', { 
      id: 'appContgdfsainer', 
      xtype: "mainview", 
      fullscreen: true, 
      items: [titleBar, panel] 

     }); 
    }, 
}); 

またはこの2つの間に違い

Ext.application({ 
    autosCreateViewport: true, 
    useLoadMask: true, 
    launch: function(){ 
     var titleBar = Ext.create("Ext.TitleBar",{ 
      id: 'mainNavigationBar', 
      xtype : 'titlebar', 
      layout: 'hbox', 
      docked: 'top', 
      title : 'cSenchaTitleBar', 
      items:[] 
     }); 

     var panel = Ext.create("Ext.Panel",{html:"test"}); 

     containerPanel = Ext.create('Ext.Container', { 
      id: 'appContgdfsainer', 
      xtype: "mainview", 
      fullscreen: true, 
      items: [titleBar, panel] 

     }); 
    }, 
}); 

Answer 1

はありません。これは、最後のコンテナパネルが作成されレンダリングされるまでは実際には表示されないため、何も表示されず、他のすべてのコンポーネントが最初にインスタンス化されなければならないからです。両方の状況において、これは起こらなければならない。