哪个写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(); 
      } 
  } 
  

上面的代码片断仅仅是一个例子，但我相信你能得到它是如何工作的想法。

希望这会有所帮助。