backbone.js - 使用 BackBone JS 将列表附加到 Body 元素

Question

我开始学习 Backbone JS。

假设我有一个代码块

<script  type="text/javascript">
  (function($)
  {
     var ListView = Backbone.View.extend
                    (
                      {
                       el: $('body'), 
                       initialize: function()
                                  {
                                    this.render(); 
                                  },
                       render: function()
                                  {
                                    // How to attach a sample Unorder list here?
                                  }
                      }
                   );
  var listView = new ListView();
})(jQuery);

如何在render调用中附加示例未排序列表？

Answer 1

我不了解确切的要求。您可以使用

.append() 方法

用以下代码片段替换您的代码块

render: function()
 {
      $(this.el).append(
                        "<ul> 
                           <li>One</li>
                           <li>Two</li>
                           <li>Three</li> 
                         </ul>"
                       );
  }

Answer 2

始终建议使用模板来填充列表。

HTML 模板

<script type="text/template" id="itemViewTemplate">
  <ul>
      <% _.each(data, function(i) { %>  
          <li><%= i %></li> 
      <% }); %>
  </ul>
</script>

Javascript

$(document).ready(function (e) {

    var ListView = Backbone.View.extend({
        el: 'body',
        initialize: function () {
            this.render();
        },
        render: function () {
            $(this.el).append(_.template($("#itemViewTemplate").html(), {data:[0,1,2,3,4]}));
        }
    });
    var listView = new ListView();

});

演示：http: //jsfiddle.net/AJ8xF/1/