小编Nad*_*dav的帖子

在Backbone.js视图中动态设置id和className

我正在学习和使用Backbone.js.

我有一个Item模型和一个相应的Item视图.每个模型实例都有item_class和item_id属性,我希望将它们反映为相应视图的"id"和"class"属性.实现这一目标的正确方法是什么?

例:

var ItemModel = Backbone.Model.extend({      
});

var item1 = new ItemModel({item_class: "nice", item_id: "id1"});
var item2 = new ItemModel({item_class: "sad", item_id: "id2"});

var ItemView = Backbone.View.extend({       
});
Run Code Online (Sandbox Code Playgroud)

我应该如何实现视图,以便视图的el将转换为:

<div id="id1" class="nice"></div>
<div id="id2" class="sad"> </div>
Run Code Online (Sandbox Code Playgroud)

在我看到的大多数示例中,视图的el用作无意义的包装元素,在其中必须手动编写"语义"代码.

var ItemView = Backbone.View.extend({
   tagName:  "div",   // I know it's the default...

   render: function() {
     $(this.el).html("<div id="id1" class="nice"> Some stuff </div>");
   }       
});
Run Code Online (Sandbox Code Playgroud)

所以当渲染时,一个人得到

<div> <!-- el wrapper -->
    <div id="id1" class="nice"> Some stuff </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但这似乎是浪费 - 为什么有外部div?我想让el …

javascript backbone.js

85
推荐指数
4
解决办法
8万
查看次数

标签 统计

backbone.js ×1

javascript ×1