Backbone.js jsfiddle是否导入淘汰&;自动主干?
看看这个使用敲除和主干的小提琴,这些库是自动导入的吗Backbone.js jsfiddle是否导入淘汰&;自动主干?,backbone.js,knockout.js,jsfiddle,Backbone.js,Knockout.js,Jsfiddle,看看这个使用敲除和主干的小提琴,这些库是自动导入的吗 这里的代码: 名称: 年龄: 邪恶: 改变模式! //创建一个普通的旧主干模型 var backboneModel=新主干.Model({ 名称:“蒙哥马利·伯恩斯”, 年龄:102, 邪恶:真的 }); //使用knockback.js将淘汰数据绑定与主干模型连接起来 //read_only设置为false以使绑定双向。 //注意使用“kb”api进行击退。 var viewModel=kb.viewModel(backboneModel
这里的代码:
名称:
年龄:
邪恶:
改变模式!
//创建一个普通的旧主干模型
var backboneModel=新主干.Model({
名称:“蒙哥马利·伯恩斯”,
年龄:102,
邪恶:真的
});
//使用knockback.js将淘汰数据绑定与主干模型连接起来
//read_only设置为false以使绑定双向。
//注意使用“kb”api进行击退。
var viewModel=kb.viewModel(backboneModel{
只读:false
});
//此时,knockback为我们提供了一个兼容的viewModel
//使用正常的淘汰api。所以我们现在可以使用“ko”api了。
应用绑定(视图模型);
$(“#foo”)。单击(函数(){
backboneModel.set({
“姓名”:“丽莎·辛普森”,
“年龄”:8岁,
“邪恶”:虚假
});
});
小提琴的作者使用左侧边栏中的管理资源功能将它们包括在内
Code here :
Name: <input data-bind="value: name" type="text"/><br>
Age: <input data-bind="value: age" type="text"/><br>
Evil: <input type="checkbox" data-bind="checked: evil" /><br>
<button id="foo">Change Model!</button>
// create a plain old backbone model
var backboneModel = new Backbone.Model({
name: "Montgomery Burns",
age: 102,
evil: true
});
// use knockback.js to bridge knockout data-binding with backbone models
// read_only is set to false to make the binding two-way.
// note the use of the "kb" api for knockback.
var viewModel = kb.viewModel(backboneModel, {
read_only: false
});
// at this point, knockback has given us a viewModel which is compatible
// with the normal knockout api. so we can use the "ko" api now.
ko.applyBindings(viewModel);
$("#foo").click(function() {
backboneModel.set ({
"name": "Lisa Simpson",
"age": 8,
"evil": false
});
});