菜单按钮使用backbone.js显示主要和子类别

时间:2014-12-03 11:15:30

标签: javascript backbone.js underscore.js

我有一个菜单按钮,其中我有渲染主要类别,并且鼠标需要渲染其子类别。现在我能够渲染主要类别而不是子类别。

这是我的观点。

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

现在我正在获得主要类别,但无法渲染子类别

0 个答案:

没有答案