从另一个视图调用视图并在Backbone中传递模型的最佳方法

时间:2014-04-24 14:54:34

标签: javascript jquery backbone.js model-view-controller

如何从另一个视图调用视图并将其传递给模型?在我的代码中,我将在#button_cont上调用另一个视图,如事件中所示。我只需调用新视图并传递模型或存在更好的方法?

在来电者视图下方:

define(["jquery", "underscore","Handlebars","models/attore",
"text!templates/backend0.html"],
function ($, _, Handlebars,Attore,template) {

var BackendView0 = Backbone.View.extend({



    template: Handlebars.compile(template),


    events: {

        'click #button_cont': 'twitter_list',

    },



    initialize: function () {


    },

    render: function (eventName) {


       $(this.el).html(this.template());

      return this;


    },



     twitter_list: function () {
        var nome=$('#nome').val();
        var cognome=$('#cognome').val();

        var attore= new Attore({nome:nome,cognome:cognome});

   ---  Here I want call another view and pass it model attore---------
    },


  });

return BackendView0;

3 个答案:

答案 0 :(得分:0)

如果它总是只有2个视图,你可以通过存储对另一个视图的引用来告诉他们彼此。然后传递模型的方法可以做这样的事情:

this.otherView.model = this.model;

此引用可以存储在视图初始化或通过setter方法:

setOtherView: function(view){
    this.otherView = view;
}

答案 1 :(得分:0)

您没有说明您的两个视图是彼此分开还是分层结构的一部分。如果观点真的是分开的,那么它们就不应该相互“呼唤”。每个视图都应独立于页面的任何部分管理自己的页面部分。

如果视图是层次结构的一部分(例如集合视图和模型视图),那么父视图应该负责创建子视图,在这种情况下,它可以将模型作为输入传递给构造函数,就像任何其他观点。

答案 2 :(得分:0)

我会这样做:

var myNewView = new AnotherView({ model: attore });