BackboneJS,MarionetteJS - 尝试显示布局+区域

时间:2013-04-18 08:24:33

标签: backbone.js coffeescript marionette

我有以下代码

$ ->

  class MainLayout extends Marionette.Layout
    template: Handlebars.compile $("#main_layout_hb").html()

    regions:
      header    : "#header"
      options   : "#options"
      footer    : "#footer"


  class MainRegion extends Marionette.Region
    el:"#main_wrap"

  class App extends Marionette.Application

    main_region : new MainRegion
    main_layout : new MainLayout

    onStart: =>
      @main_region.show(@main_layout)

      # start the backbone history for URL routing
      if Backbone.history
        Backbone.history.start()


  app = new App
  app.start()

我正在尝试按照此页https://github.com/marionettejs/backbone.marionette/wiki/The-relationship-between-regions-and-layouts

上的示例进行操作

但是当我运行代码时,我没有将模板“#main_layout_hb”插入到该区域中。那里发生了什么?

1 个答案:

答案 0 :(得分:1)

您应该使用addRegions方法创建App的区域:

App.addRegions
    main_region: "#main_wrap"