Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将主干模型用于多个视图(在多个文件中)?_Javascript_Backbone.js_Underscore.js - Fatal编程技术网

Javascript 如何将主干模型用于多个视图(在多个文件中)?

Javascript 如何将主干模型用于多个视图(在多个文件中)?,javascript,backbone.js,underscore.js,Javascript,Backbone.js,Underscore.js,我有一个简单的HTML页面,在这里我想用相同的数据显示多个视图。为此,我创建了一个包含数据的主干模型和两个要渲染的视图。我的所有模型和视图都在单独的文件中分开。我想在所有视图中使用我的模型对象。因此,我不必为我的两个视图的相同数据对服务器进行多个ajax调用 这是我的密码 Model.js var ModelData = Backbone.Model.extend({ defaults:{ Name: "ABC", Marks: 100 } }); var

我有一个简单的HTML页面,在这里我想用相同的数据显示多个视图。为此,我创建了一个包含数据的主干模型和两个要渲染的视图。我的所有模型和视图都在单独的文件中分开。我想在所有视图中使用我的模型对象。因此,我不必为我的两个视图的相同数据对服务器进行多个ajax调用

这是我的密码

Model.js

var ModelData = Backbone.Model.extend({
   defaults:{
      Name: "ABC",
      Marks: 100
   }
});

var modelData= new ModelData();
View1.js

var View1 = Backbone.View.extend({
   initialize: function(){
      this.model = (HOW TO REFER MY MODEL Object ?)
   }
});
View2.js

var View2 = Backbone.View.extend({
   initialize: function(){
      this.model = (HOW TO REFER MY MODEL Object?)
   }
});
从:

构造函数/初始化
新视图([options])

有几个特殊选项,如果传递,将直接附加到视图:
模型
集合
el
id
类名
标记名
属性
事件

因此,在实例化视图时应附加模型:

var v1 = new View1({ model: modelData });
var v2 = new View2({ model: modelData });
您应该有一个路由器或其他对象负责实例化视图。不管这是什么,都应该跟踪
modelData
model实例,然后在实例化它们时将其传递给视图