0

レイアウトとリージョンなどをいつ使用するかについて wiki と例を読んだ後でも、私はまだ少し混乱していますが、私の問題は、ページに何も表示されないことです。何もレンダリングされません。html には実際にはメニューとコンテンツのみが含まれている必要があり、コンテンツはビューに基づいて変更できます。（メニューも同じようにしたので、それも入れ替えることができます）。

私はhtmlファイルを持っています:

<!-- DefaultLayout -->
<script type="text/template" id="template-default">
   <div id="region-navbar">
     region-navbar
   </div>
   <div id="region-content">
      region-content
   </div>
</script>

<!-- NavBar -->
<script type="text/template" id="template-navbar">
   <div id="navbar">
      my freakin navbar
   </div>
</script>

<!-- ViewOne -->
<script type="text/template" id="template-view1">
   <div id="view1">
      my freakin view
   </div>
</script>

<!-- RegionContainer -->
<div id="default-layout-container">
</div>

この例では、js をapp.coffeeという 1 つのファイルにまとめました。

window.App = { }

# Region
class RegionContainer extends Backbone.Marionette.Region
  el: '#default-layout-container'   
  # Called on the region when the view has been rendered
  onShow: (view) ->
    console.log 'onShow RegionContainer'

App.RegionContainer = RegionContainer

# Layout
class DefaultLayout extends Backbone.Marionette.Layout
  template: '#template-default'  
  regions:
    navbarRegion: '#region-navbar'
    contentRegion: '#region-content'

App.DefaultLayout = DefaultLayout

# NavBar (View)
class NavBar extends Backbone.View
  el: '#template-navbar'    
  initialize: () ->
    console.log 'init App.NavBar'

App.NavBar = NavBar

# A View
class ViewOne extends Backbone.View
  el: '#template-view1'  
  initialize: () ->
    console.log 'init App.ViewOne'

App.ViewOne = ViewOne

# App
$ ->

  # Create application, allow for global access
  MyApp = new Backbone.Marionette.Application()
  App.MyApp = MyApp

  # On application init...
  MyApp.addInitializer (data) ->
    console.log 'init App.MyApp'

  # RegionContainer
  regionContainer = new App.RegionContainer

  # Layout (holds Views)
  defaultLayout = new App.DefaultLayout
  regionContainer.show defaultLayout

  # Views
  navBarView = new App.NavBar
  navBarView.render()

  viewOne = new App.ViewOne
  viewOne.render()

  defaultLayout.navbarRegion.show navBarView
  defaultLayout.contentRegion.show viewOne

  data = 
    that: 'this'

  MyApp.start data

console.log には次のように表示されます。

onShow RegionContainer app.js:19
init App.NavBar app.js:44
init App.ViewOne 
init App.MyApp

ドキュメント/例を何百万回も読みましたが、これらすべての学習曲線は複雑です。助けてください！

4

1 に答える 1

3

あなたはいくつかのことを混乱させていますが、あなたはほとんどそこにいます

  • ViewOneNavBar延長すべきではありませんBackbone.ViewがBackbone.Marionette.ItemView

  • テンプレートを属性で定義するのではなくViewOne、名前が示すように、属性でNavBar定義する必要があります。eltemplate

于 2012-05-16T23:58:21.190 に答える