个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
27
4
使用 backbone.js，这是一个快速测试来演示我在使用嵌套模型时遇到的问题。
前言我有一个 Obj 模型，其中包含 2 个嵌套模型，Obj1 和 Obj2。 Obj模型本身有一个View(ObjView)，主页面本身也有一个View(BodyView)。
主页只有一个按钮，id=add。每次单击按钮时，都会向 ObjCollection 添加一个新的 Obj，并且 ObjView 会向页面添加一个按钮 (id=clickMe)。 clickMe 按钮绑定(bind)到一个 testFunc，console.logs this.model 和 this.model.get("obj1")。
问题通过检查 console.logs，我发现虽然每个 Obj 都是一个新实例，但它们嵌套的 Obj1 指向同一个 obj1 实例!但是 Obj 的每个实例显然应该有它们自己的嵌套模型 obj1 和 obj2 的实例。
感谢任何帮助。
$(document).ready(function(){
var Obj1 = Backbone.Model.extend({
defaults:{
Attr1A : false,
Attr1B : false
}
})
var Obj2 = Backbone.Model.extend({
defaults:{
Attr2A : false,
Attr2B : false
}
})
var Obj = Backbone.Model.extend({
defaults: {
obj1 : new Obj1(),
obj2 : new Obj2()
}
})
var ObjCollection = Backbone.Collection.extend({
model: Obj
});
var ObjView = Backbone.View.extend({
initialize: function(){
_.bindAll(this, 'render', 'testFunc');
this.model.bind('change', this.render);
this.model.view = this;
$("body").append(this.render().el);
},
events: {
"click #clickMe" : "testFunc"
},
render: function(){
$(this.el).html('<input type ="button" id="clickMe" value="Click">')
return this;
},
testFunc: function(){
console.log(this.model); //returns Obj models with unique cids
console.log(this.model.get("obj1")); //returns Obj1 models with the SAME cid!
}
});
var BodyView = Backbone.View.extend({
el: $('body'),
events:{
"click #add" : "addObj"
},
initialize: function(){
_.bindAll(this, 'render', 'addObj')
this.collection = new ObjCollection();
this.collection.bind('add', this.appendObj);
},
addObj: function(){
var myObj = new Obj();
this.collection.add(myObj);
},
appendObj: function(myObj){
var objView = new ObjView({
model: myObj
});
}
});
var bodyView = new BodyView;
});
加载了 jQuery 和 backbone 的 html 页面如下所示。
<body>
<input type ="button" id="add" value="Add">
</body>
最佳答案
fortuneRice，当 Backbone 模型被初始化时，super.constructor 将默认值移动到内部属性数组，model.get 在其中查找“obj1”。 Prusse 的示例使用每个实例的新对象初始化 obj1 和 obj2 值，但没有将值移动到内部属性数组。这是我对 Prusse 解决方案的修改。
var Obj = Backbone.Model.extend({
initialize: function() {
myDefaults = {
obj1: new Obj1();
obj2: new Obj2();
}
this.set(myDefaults);
});
jQuery 的扩展方法会合并这两个对象。您可以在初始化方法中使用默认值声明非对象引用，并使用 myDefaults 声明对象引用。
关于javascript - backbone.js 模型指向嵌套模型的相同实例，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6362214/
27
4
0
有人能给我解释一下我下面程序中的一点吗我编写的以下程序是为了理解 int * const * var 的含义； #include "iostream" using namespace std ; in
我正在摆弄 C 中的指针，但仍然不确定一些非常基础的知识。我想出了以下示例代码: #include int main(void) { int num = 42; /
以下代码产生警告: const char * mystr = "\r\nHello"; void send_str(char * str); void main(void){ send_str
我正在尝试在我的 Linux 计算机上升级 cmake。这是我使用的命令。 删除旧的 cmake: sudo apt purge --auto-remove cmake 从 https://cmake
我试图借助 char 指针来追踪 union 第一个字节的值。我假设 byte1 的输出应该是 ff，但实际上是 ffffffff。如果我错了请纠正我。 #include #include #in
我正在使用微 Controller 进行一些 ADC 测量。当我尝试使用 -O2 优化编译以下代码时遇到问题，当代码中存在 PrintVal() 函数时，MCU 卡住。我做了一些调试，结果发现，当我添
#include #include using namespace std; int main () { vector qwerty; qwerty.push_back(5);
我有我的 woking setup.py 文件；其中包含以下行: home = os.environ["HOME"] # home = /home/dr in my machine; distu
这段代码 #include #include static_assert(std::is_same_v::value_type, volatile int>); 在最新的 GCC 和 clang
我对 C 中的前向声明有疑问。 代码 typedef struct yhash_s t_yhash;// forward declaration struct yhash_s { size_t
我想提取成员指针指向的成员的类型。 template void demo(myClass& instance, void* ptr) { instance.*member = *reinter
我正在尝试使用指针将一段 C 代码转换为 Swift 3。这是 C 代码中的相关部分。 Float32 sampleArray[256] = { // Array is 256 Float value
您可能知道，VLA's haves pros and cons 和它们在 C11 中是可选的。 我想使 VLA 成为可选项的主要原因是:“堆栈可能会爆炸”: int arr[n]; /* where
这段代码有什么错误？为什么我不能按照我尝试的方式取消引用该元素。 #include typedef struct { int value; struct node * left;
有什么方法可以在 JavaScript 中创建\返回指向变量的指针吗？ 比如，在 PHP 中: function func() { ..... return &$result; } 我
如果您想使用方法的指针作为参数，则需要将该方法键入作为对象的函数，就像这样好 : type TAcceptor = function(filename:string):boolean of objec
很简单的问题: 我对 C++ 中的智能指针有点陌生。我想我得到了所有权的东西，但我不知道如何访问他们实际指向的内容。当我尝试使用对象的成员函数/变量时，我只是得到了 unique_ptr 类的函数，这
我得到了一个点的方位 Angular 、指南针方向和一个可以将箭头设置到某个方向的 api(0 是顶部，90 是右侧，180 是底部，360 是顶部) 如果我希望箭头指向我采用方位 Angular 形
我正在尝试找到一种方法，从单元格中获取位于当前工作表左侧(托盘下方)的工作表单元格中的数据。 我知道如何通过调用其他工作表 =Sheet1!A1 但现在我需要一些最好的解释 =Sheet[-1]!A1
所以我在 MATLAB 中有一个 for 循环，其中向量 x 将通过一个函数，比如 cos(x).^2，或者不同的选择，比如 sin(x).^2 + 9.*x。用户将在 for 循环之前选择他想使用的
我是一名优秀的程序员,十分优秀！