Sencha Touch中的AutoCreate -为什么需要它？

Question

我在Sencha Touch文档中见过这段代码。如果autoCreate设置为false，那么infopanel视图会发生什么情况？不确定我是否理解为什么必须指定autoCreate。如果使用对象类型ref而不是简单类型，它可以不在幕后执行此操作吗？

refs: {
    main: '#mainTabPanel',
    loginButton: '#loginWindow button[action=login]',

    infoPanel: {
        selector: 'infopanel',
        xtype: 'infopanel',
        autoCreate: true
    }
}

Answer 1

我只是在我的一个项目中替换了几行代码来使用autoCreate。

这是我曾经做过的事情：

refs: {
  detailsView: 'detailsview'
},

...

var view = (!this.getDetailsView()) ? Ext.create('App.view.DetailsView') : this.getDetailsView();
nav.push(view);

我过去常常通过调用getter this.getDetailsView()来检查视图是否是创建的。如果它没有被创建，我就创建它，否则我只是使用对它的引用。

现在，我正在使用autoCreate，这就是我要做的：

refs: {
  detailsView: {
    selector: 'detailsview',
    xtype: 'detailsview',
    autoCreate: true
  }
},

...

var view = this.getDetailsView()
nav.push(view);

调用getter this.getDetailsView()将使用对已经创建的组件的引用，或者创建它。

希望这能有所帮助