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/

使用BackBone JS将List附加到Body元素

2 个答案: