邬兴亮

摘要： Knockout是建立在以下3个核心功能之上的: 1、 属性监控与依赖跟踪 2、 声明式绑定 3、 模版机制 在本节中，我们将学习3个核心里面的第一个。但在这之前，先让我们学习一下MVVM设计模式和View Model的概念。 Model-View-View Model (MVVM)是一种创建用户界 阅读全文

摘要： Knockout.js是什么？ Knockout是一款很优秀的JavaScript库，它可以帮助你仅使用一个清晰整洁的底层数据模型（data model）即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部UI内容需要自动更新（比如：依赖于用户行为的改变或者外部的数据源发生变化） 阅读全文

摘要： 这个例子非常简单，主要演示如何通过属性控制html元素的显示与否（visible），可用性（disable）以及根据属性添加相应的CSS样式。 先简单的看一段代码： 这段代码几乎不需要解释，非常的简单易懂，就是控制input元素的可用性，根据其中的文本添加样式，和控制隐藏元素的显示。 完整代码如下： 阅读全文

摘要： 前两篇博客已经很清楚的知道knockout.js通过observableArray()数组元素增减，可以实时的反映在UI上。 当然我们想在数组增加或移除元素时加上自定义逻辑就好比一个触发器的感觉，可以吗？ foreach提供了afterAdd及beforeRemove两个额外的事件，允许在数组新增、 阅读全文

摘要： 在前一篇博客中我们使用了如下代码去新增user对象，即push方法： 使用 ko.computed去动态的计算user对象的socre属性的总和，前面有朋友问到修改之类的问题，我们尝试着添加一个按钮利用下面的代码试试： 我们发现丝毫没有反应，其实就是我们想当然的认为使用了 ko.observable 阅读全文

摘要： 处理以数组形式储存的多条数据，要先认识foreach。 在ViewModel定义一个JavaScript Array或是ko.observableArray() (observableArray在新增或剔除数组元素时，KO会立刻察觉反应到UI，普通Array则不会)，然后在某个容器元素(例如: di 阅读全文

摘要： 动态绑定下拉列表 在<select> data-bind的options选项如果绑定到ko.observableArray()，就可以动态新增选项效果，也就是可以利用其完成常见的级联效果的。 在这一篇文章中，我们用单页面完成无刷新的前台新增选项和使用MVC完成后台的动态添加2个例子。 范例一： Vi 阅读全文

摘要： <select>也是网页设计重要的一环，knockout.js(以下简称KO)也有不错的支持。针对<select>，在data-bind除了用value可对应下拉菜单的选取结果，其选项也可以由ViewModel中取得，甚至动态改变。 以下是<select>常用的data-bind参数: option 阅读全文

摘要： Knockout.js随手记(1) 开篇已经示范过最简单的应用，为<input>与<span>加上data-bind宣告，透过 ko.applyBindings()绑定到定义好的ViewModel上，当input改变输入内容，会立即反应在span。然而，有些场合数据需经加 工才能使用，例如: 指定日 阅读全文

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