随笔分类 -  knockoutjs 应用

第十章：更多
摘要：1 浏览器支持 Knockout在如下浏览器通过测试： Mozilla Firefox 2.0+（最新测试版本：3.6.8） Google Chrome（通过Windows and Mac 下的version 5测试；其它低版本也该可以工作） Microsoft Internet Explorer 阅读全文

posted @ 2016-08-11 16:13 邬兴亮 阅读(155) 评论(0) 推荐(0)

第九章：高级应用举例
摘要：1 Contacts editor 这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的，我们可以看看Knockout实现是难了还是容易了。 代码量的多少不重要（尽快Knockout 的实现很简洁），重要的看起来是否容易理解且可读。查看HTML源代码 阅读全文

posted @ 2016-08-11 16:12 邬兴亮 阅读(242) 评论(0) 推荐(0)

第八章：简单应用举例（2）
摘要：5 Control types 这个例子，对view model没有什么特殊的展示，只是展示如何绑定到各种元素上（例如，select， radio button等）。 代码: View model 6 Templating 这个例子展示的render模板，以及在模板内部如何使用data bindin 阅读全文

posted @ 2016-08-11 16:07 邬兴亮 阅读(174) 评论(0) 推荐(0)

第八章：简单应用举例（1）
摘要：1 Hello world 这个例子里，2个输入框都被绑定到data model上的observable变量上。“full name”显示的是一个dependent observable，它的值是前面2个输入框的值合并一起的结果。 无论哪个输入框更新，都会看到“full name” 显示结果都会自动 阅读全文

posted @ 2016-08-11 16:03 邬兴亮 阅读(161) 评论(0) 推荐(0)

第七章：Mapping插件
摘要：Mapping插件 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的，你可以使用KO绑定他们到你的UI元素上，当这些observable值改变的时候，这些UI元素就会自动更新。 绝 大多数程序都需要从服务 阅读全文

posted @ 2016-08-11 15:58 邬兴亮 阅读(258) 评论(0) 推荐(0)

第六章：加载或保存JSON数据
摘要：加载或保存JSON数据 Knockout可以实现很复杂的客户端交互，但是几乎所有的web应用程序都要和服务器端交换数据（至少为了本地存储需要序列化数据），交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。 加载或保存数据 Knockout不限制你用任何技术加载和保存 阅读全文

posted @ 2016-08-11 15:48 邬兴亮 阅读(253) 评论(0) 推荐(0)

用Javascript评估用户输入密码的强度（Knockout版）
摘要：看到博友6点多发的一篇关于密码强度的文章（连接），甚是感动（周末大早上还来发文）。 我们来看看如果使用Knockout更简单的来实现密码强度的验证。 原有代码请查看： 然后来创建View Model，但是引用Knockout之前，我们首先要引用Knockout的Js类库（具体介绍请查看Knockou 阅读全文

posted @ 2016-08-11 15:22 邬兴亮 阅读(232) 评论(0) 推荐(0)

第五章：创建自定义绑定
摘要：你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定（像click，value等）。你可以你封装复杂的逻辑或行为，自定义很容易使用和重用的绑定。例如，你可以在form表单里自定义像grid，tabset等这样的绑定。 重要：以下文档只应用在Knockout 1.1.1和更高版本，Knockou 阅读全文

posted @ 2016-08-11 15:19 邬兴亮 阅读(214) 评论(0) 推荐(0)

第四章：模板绑定
摘要：模板绑定The template binding 目的 template绑定 通过模板将数据render到页面。模板绑定对于构建嵌套结构的页面非常方便。默认情况， Knockout用的是流行的jquery.tmpl模板引擎。使用它的话，需要在安装页面下载和引用jquery.tmpl和jQuery框架 阅读全文

posted @ 2016-08-11 15:17 邬兴亮 阅读(310) 评论(0) 推荐(0)

第三章：绑定语法（3）
摘要：value 绑定 目的 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>，<select>和<textarea>上。 当用户编辑表单控件的时候， view model对应的属性值会自动更新。同样，当你更新view model属性的时候，相对应的元素值 阅读全文

posted @ 2016-08-11 15:13 邬兴亮 阅读(224) 评论(0) 推荐(0)

第三章：绑定语法（2）
摘要：7 click 绑定 目的 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button，input和连接a上，但是可以在任意元素上使用。 例子 每次点击按钮的时候，都会调用incrementClickCounter()函数，然后更新自动 阅读全文

posted @ 2016-08-11 15:09 邬兴亮 阅读(239) 评论(0) 推荐(0)

第三章：绑定语法（1）
摘要：第三章所有代码都需要启用KO的 ko.applyBindings(viewModel); 功能，才能使代码生效，为了节约篇幅，所有例子均省略了此行代码。 1 visible 绑定 目的 visible绑定到DOM元素上，使得该元素的hidden或visible状态取决于绑定的值。 例子 参数 主参数 阅读全文

posted @ 2016-08-11 15:04 邬兴亮 阅读(190) 评论(0) 推荐(0)

第二章：监控属性(Observables)
摘要：关于Knockout的3个重要概念（Observables,DependentObservables,ObservableArray），本人无法准确表达它的准确含义，所以暂定翻译为（监控属性、依赖监控属性和监控数组），如果有好的建议请指正，多谢。 1 创建带有监控属性的view model Obse 阅读全文

posted @ 2016-08-11 14:58 邬兴亮 阅读(613) 评论(0) 推荐(0)

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

posted @ 2016-08-11 14:50 邬兴亮 阅读(1537) 评论(0) 推荐(0)

导航