Не создаете уникальные модели? Backbone.js - PullRequest
Новая
       4

Не создаете уникальные модели? Backbone.js

0 голосов
/ 23 марта 2012

У меня проблема с моделями backbone.js.У меня есть представление, которое создает другое представление, в котором создана новая модель.Но все взгляды, похоже, ссылаются на одну и ту же модель.Вот часть кода.

DesignView 

  menu: function(ev) {
        var menu = new MenuView({});
        console.log(menu);
        ev = this.relativeEvData(ev);
        menu.model.set('x',ev.relX);
        menu.model.set('y',ev.relY);
        this.$el.append(menu.render().el);
        menu.addItem("cut","cut");
        console.log('click');

    }

MenuView 

    define([
    'jquery', 
    'underscore', 
    'backbone',
    'text!templates/menuItem.html',
    'models/menuModel'
    ], function($, _, Backbone, MenuItemTemplate, MenuModel){
    var MenuView = Backbone.View.extend({

    //... is a list tag.
    tagName:  "ul",
    model: new MenuModel({}),
    // Cache the template function for a single item.
    template: null,
    // The DOM events specific to an item.
    events: {

    },

    initialize: function() {
        _.bindAll(this, 'render');
        this.model.bind('change', this.render);
        this.$el.addClass("contextMenu");
        this.$el.css('display','block');


    },

    // Re-render the contents of the todo item.
    render: function() {
        console.log(this.model);
        this.$el.html(this.model.get('items').join(''));
        //update position
        this.$el.css('top',this.model.get('y') + 'px');
        this.$el.css('left',this.model.get('x') + 'px');

          return this;
    },


    addItem: function(name,type) {
        var items = this.model.get('items');
        items.push('<li class="' + type + '"><a href="#' + type + '">' + name + '</a><li>');
        this.model.set('items', items);
        this.render();
    },


    // Remove the item, destroy the model.
    clear: function() {
      this.model.clear();
    }
  });
      return MenuView;
});

MenuModel 

define(['underscore', 'backbone'], function(_, Backbone) {
  var MenuModel = Backbone.Model.extend({

// Default attributes for the todo.
defaults: function () {
        return {
            items:[],
            x:0,
            y:0

        };

},

// nothing to initialize yet
initialize: function() {
},

// Remove this Todo from *localStorage*.
clear: function() {
  this.destroy();
 }});
return MenuModel;
});

Все оконные меню получают доступ к одной и той же модели.Какую ошибку я здесь совершаю?

Спасибо за любую помощь.

1 Ответ

2 голосов
/ 23 марта 2012

Вы используете , используя ту же модель.

Пропустите model: new MenuModel({}), в вашем MenuView.

В DesignView вместо 

var menu = new MenuView({});

Вы должны создать свою модель и передать ее в представление, т.е. 

var model = new MenuModel(),
    menu = new MenuView({model: model});
...