1 Knockout简介 (Introduction)Knockout是一个轻量级的UI类库,通过应用MVVM模式使JavaScript前端UI简单化。Knockout有如下4大重要概念: 声明式绑定(Declarative Bindings):使用简明易读的语法很容易地将模型(model...

关于Knockout的3个重要概念(Observables,DependentObservables,ObservableArray),本人无法准确表达它的准确含义,所以暂定翻译为(监控属性、依赖监控属性和监控数组),如果有好的建议请指正,多谢。1 创建带有监控属性...

第三章所有代码都需要启用KO的 ko.applyBindings(viewModel); 功能,才能使代码生效,为了节约篇幅,所有例子均省略了此行代码。1 visible 绑定目的visible绑定到DOM元素上,使得该元素的hidden或visible状态取决于绑定...

7 click 绑定目的click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。例子<div>You've clicked <span data-bind="text...

12 value 绑定目的value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>,<select>和<textarea>上。当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性...

模板绑定The template binding目的template绑定通过模板将数据render到页面。模板绑定对于构建嵌套结构的页面非常方便。默认情况, Knockout用的是流行的jquery.tmpl模板引擎。使用它的话,需要在安装页面下载和引用jquer...

创建自定义绑定你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。...

早上看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)。我们来看看如果使用Knockout更简单的来实现密码强度的验证。原有代码请查看: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

加载或保存JSON数据Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种...

Mapping插件Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新。绝大多...

本章展示的4个例子主要是利用了Knockout的基本语法特性,让大家感受到使用Kncokout的快感。1 Hello world这个例子里,2个输入框都被绑定到data model上的observable变量上。“full name”显示的是一个dependent observab...

5 Control types这个例子,对view model没有什么特殊的展示,只是展示如何绑定到各种元素上(例如,select, radio button等)。代码: View <div class="readout"><h3>What's in the model?</h3><table><tr><td class="la...

1 Contacts editor这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的,我们可以看看Knockout实现是难了还是容易了。代码量的多少不重要(尽快Knockout 的实现很简洁),重要的看起来是否容易...

1 浏览器支持Knockout在如下浏览器通过测试: Mozilla Firefox 2.0+(最新测试版本:3.6.8) Google Chrome(通过Windows and Mac 下的version 5测试;其它低版本也该可以工作) Microsoft Internet Explorer 6, 7, 8 App...

1