我有一个菜单按钮,其中我有渲染主要类别,并且鼠标需要渲染其子类别。现在我能够渲染主要类别而不是子类别。
这是我的观点。
var Product_View = Backbone.View.extend({
tagName: 'div',
className: 'products',
initialize: function (options) {
this.options = options || {};
},
events: {
"mouseover #category_menu" : "test"
},
test: function(){
alert('here...');
//need to add code to render the sub categories here
},
render: function() {
_.templateSettings =
{
evaluate: /\{\{(.+?)\}\}/g,
interpolate: /\{\{=(.+?)\}\}/g
};
var compiled = _.template(this.options.temp);
document.getElementById(this.options.target).innerHTML=compiled({model:this.model.toJSON()});
return this;
}
});
这里我调用render方法列出主要类别
var category_menu = new Models.ProductView({
model : itemcollection,
temp : template,
target : "category_menu"
});
category_menu.render();
并且招标模板就像这样
{{ _.each(model, function(item) { }}
<a href="#" id="{{=item.name}}">{{=item.name}}
{{ });}}
现在我正在获得主要类别,但无法渲染子类别