渲染一个基本的div元素Backbone View

时间:2015-03-28 06:22:50

标签: javascript jquery backbone.js

我正在构建一个只有<div>id属性的Backbone视图。

我评论过我遗失的地方:

window.ContainerView = Backbone.View.extend( {

  el: $( '<div>', { id: 'content' } ),

  initialize: function() {
    this.render();
  },

  render: function() {
    // How do I render this view?
  }
} );

在我的main.js中,我只是这样做:

var containerView = new ContainerView();

好的方法是,这是我的index.html正文部分,其中包含了我的所有Backbone文件。

<body>

  <!-- Libraries -->
  <script src="./lib/jquery-min.js"></script>
  <script src="./lib/underscore-min.js"></script>
  <script src="./lib/backbone-min.js"></script>

  <!-- Models -->

  <!-- Views -->
  <script src="./js/views/ContainerView.js"></script>

  <!-- App -->
  <script src="./js/main.js"></script>

</body>

1 个答案:

答案 0 :(得分:1)

Backbone中el的默认标记是div,你可以设置id是id属性。完成documentation

window.ContainerView = Backbone.View.extend( {

  'id' : 'content',

  initialize: function() {
    this.render();
  },

  render: function() {
    $('body').append(this.el);
  }
} );