哪個寫sencha觸摸代碼最好？

Question

Ext.define('App.view.Main', { 
    extend: 'Ext.Container', 
    xtype: 'mainview', 

    requires: [ 
     'App.view.Main1', 
     'App.view.Menu2', 
     'App.view.My1', 
     'App.view.My2', 
     'App.view.Form' 
    ], 

    config: { 
     items: [ 
      { 
       xtype: 'file1' 
      }, 
      { 
       xtype: 'file2', 
       hidden: true 
      }, 
      { 
       xtype: 'file3', 
       hidden: true 
      }, 
      { 
       xtype: 'file4', 
       hidden: true 

      }, 
      { 
       xtype: 'file5', 
       hidden: true 

      }, 
      { 
       xtype: 'file6', 
       hidden: true 

      }, 
      { 
       xtype: 'file7', 
       hidden: true 
      } 
     ] 
    } 
}); 

在上面的代碼主要文件是MAINVIEW和我做隱藏所有這些xtypes和展示我想要什麼。但是要隱藏和展示項目是非常困難的。

在項目中，我的人數超過30

一個視圖文件有沒有什麼辦法來添加任何我想要的文件，而這個隱藏和顯示？

Answer 1

如果您的視圖相對相似，則應該以編程方式創建它們。因此請按照下列步驟操作：

• 創建沒有項目的主視圖，給它一個id，表示"main-view"。

• 將這個功能的地方，你覺得合適的：

  addItemsToMainView: function(numberOfFiles){ 
      var mainView = Ext.getCmp('main-view'); 
      for (var i=1; i<= numberOfFiles; i++){ 
      var xtypeName = "file" + i.toString(); 
      mainView.add({xtype: xtypeName, id: i.toString()}); 
      } 
  
      // if you want to show and hide all of them 
      for (var i=1; i<= numberOfFiles; i++){ 
      Ext.getCmp(i.toString()).hide(); 
      // or Ext.getCmp(i.toString()).show(); 
      } 
  } 
  

上面的代碼片斷僅僅是一個例子，但我相信你能得到它是如何工作的想法。

希望這會有所幫助。