3

我有一个布局，有一个区域。初始化布局时，我希望它自动初始化预设视图以进入其区域，并在显示/关闭布局本身时显示/关闭它。

当前示例来自https://github.com/marionettejs/backbone.marionette/blob/master/docs/marionette.layout.md：

AppLayout = Backbone.Marionette.Layout.extend({
  template: "#layout-template",    
  regions: {
    mainRegion: "#menu",
    content: "#content"
  }
});

var layout = new AppLayout();
ParentAppLayout.show(layout); // Render the Layout to a parent
layout.mainRegion.show(new SubView());

这个例子表明必须首先显示布局，然后我才能初始化并显示子视图。（上面，如果我在它本身显示SubView之前layout显示，什么都不会发生，我假设因为选择器在 DOM 中不存在？）

对于可重用的布局，我想将此发送视图显示添加到布局本身中，而不是在使用视图的任何地方手动添加它。如何做到这一点？

AppLayout = Backbone.Marionette.Layout.extend({
  template: "#layout-template",    
  regions: {
    mainRegion: "#menu",
    content: "#content"
  },
  initalize: function() {
     this.mainRegion.attachView(new SubView());  
  },
  onShow: function() {
     this.mainRegion.show(this.mainRegion.currentView);
  }
});

var layout = new AppLayout();
ParentAppLayout.show(layout); // Render the Layout to a parent, expecting the child view to also be created automatically

然而，这种方法也没有做任何事情——没有错误。

4

1 回答 1

5

这样做怎么样

AppLayout = Backbone.Marionette.Layout.extend({
  template: "#layout-template",    
  regions: {
    mainRegion: "#menu",
    content: "#content"
  },
  onShow: function() {
     this.mainRegion.show(new SubView());
  }
});

var layout = new AppLayout();
ParentAppLayout.show();

否则，如果创建SubView很昂贵，您可以这样initialize做

initialize: function() {
  this.subView = new SubView();
}

然后在onShow.

于 2013-06-28T11:20:59.793 回答