我正在学习和使用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 …