0

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);

呼び出し内にサンプル unorderlist を添付する方法renderは?

4

2 に答える 2

0

リストの作成には常にテンプレートを使用することをお勧めします。

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/

于 2013-06-30T09:11:21.103 に答える