随笔分类 - Knockout
摘要:本章展示的4个例子主要是利用了Knockout的基本语法特性,让大家感受到使用Kncokout的快感。 1 Hello world 这个例子里,2个输入框都被绑定到data model上的observable变量上。“full name”显示的是一个dependent observable,它的值是
阅读全文
posted @ 2016-12-19 10:50
星火卓越
摘要:Mapping插件 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新。 绝大多数程序都需要从服务器
阅读全文
posted @ 2016-12-19 10:49
星火卓越
摘要:加载或保存JSON数据 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。 加载或保存数据 Knockout不限制你用任何技术加载和保存
阅读全文
posted @ 2016-12-19 10:47
星火卓越
摘要:创建自定义绑定 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 重要:以下文档只应用在Knockout 1.1.1和更高版本
阅读全文
posted @ 2016-12-19 10:46
星火卓越
摘要:模板绑定The template binding 目的 template绑定通过模板将数据render到页面。模板绑定对于构建嵌套结构的页面非常方便。默认情况, Knockout用的是流行的jquery.tmpl模板引擎。使用它的话,需要在安装页面下载和引用jquery.tmpl和jQuery框架。
阅读全文
posted @ 2016-12-19 10:45
星火卓越
摘要:12 value 绑定 目的 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>,<select>和<textarea>上。 当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性的时候,相对应的
阅读全文
posted @ 2016-12-19 10:44
星火卓越
摘要:7 click 绑定 目的 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。 例子 每次点击按钮的时候,都会调用incrementClickCounter()函数,然后更新自动
阅读全文
posted @ 2016-12-19 10:43
星火卓越
摘要:第三章所有代码都需要启用KO的ko.applyBindings(viewModel);功能,才能使代码生效,为了节约篇幅,所有例子均省略了此行代码。 1 visible 绑定 目的 visible绑定到DOM元素上,使得该元素的hidden或visible状态取决于绑定的值。 例子 参数 主参数 当
阅读全文
posted @ 2016-12-19 10:42
星火卓越
摘要:玩过knockoutjs的都知道,有一个强大的功能叫做component,而这个component有个牛逼的地方就是拥有自己的viewmodel和template, 比如下面这样: ko.components.register('message-editor', { viewModel: funct
阅读全文

浙公网安备 33010602011771号