让我先展示我需要什么,以便您了解我的问题。我有一个联系人视图,例如:
ContactView = Backbone.View.extend({
template: _.template("Name: <%= name %>
E-mail: <%= email %>
Phones
<%= label1 %> - <%= number1 %>
<%= label2 %> - <%= number2 %>"),
render: function() {
var contact = this.template(this.model.toJSON());
this.$el.html(contact);
}
});
到目前为止一切顺利,问题是电话部分是一个列表,我的模型包含一系列电话,我需要将它动态地放入该模板中。
我的想法是为此创建另一个模型并查看 Phone 和 PhoneView。然后在 ContactView 中,我将创建一个方法 render_phones,例如:
render_phones: function() {
var phones = this.model.get('phones');
var phones_str = "";
for (var i in phones) {
var phone = new Phone(phones[i]);
var phoneView = new PhoneView({model: phone});
phones_str += phoneView.render();
}
return phones_str;
}
我将 ContactView 模板更改为:
template: _.template("Name: <%= name %>
E-mail: <%= email %>
Phones
<%= phones %>"),
但是如何让我的渲染方法获得渲染的电话列表并放入模板中?
我找不到处理这种情况的模式。而且代码开始看起来不太好。
ps:这只是一个例子,我的应用程序还有几个其他部分需要这个,一个需要生成包含列表内容的子视图的视图。