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

上面的代码片段只是一个示例，但我相信您可以了解其工作原理。

希望这有帮助。

哪个是编写sencha触摸代码的最佳途径？

1 个答案: