会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
邬兴亮
2016年8月11日
程序整理网
摘要: http://www.aizhengli.com/
阅读全文
posted @ 2016-08-11 16:14 邬兴亮
阅读(98)
评论(0)
推荐(0)
编辑
第十章:更多
摘要: 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 邬兴亮
阅读(146)
评论(0)
推荐(0)
编辑
第九章:高级应用举例
摘要: 1 Contacts editor 这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的,我们可以看看Knockout实现是难了还是容易了。 代码量的多少不重要(尽快Knockout 的实现很简洁),重要的看起来是否容易理解且可读。查看HTML源代码
阅读全文
posted @ 2016-08-11 16:12 邬兴亮
阅读(220)
评论(0)
推荐(0)
编辑
第八章:简单应用举例(2)
摘要: 5 Control types 这个例子,对view model没有什么特殊的展示,只是展示如何绑定到各种元素上(例如,select, radio button等)。 代码: View model 6 Templating 这个例子展示的render模板,以及在模板内部如何使用data bindin
阅读全文
posted @ 2016-08-11 16:07 邬兴亮
阅读(157)
评论(0)
推荐(0)
编辑
第八章:简单应用举例(1)
摘要: 1 Hello world 这个例子里,2个输入框都被绑定到data model上的observable变量上。“full name”显示的是一个dependent observable,它的值是前面2个输入框的值合并一起的结果。 无论哪个输入框更新,都会看到“full name” 显示结果都会自动
阅读全文
posted @ 2016-08-11 16:03 邬兴亮
阅读(132)
评论(0)
推荐(0)
编辑
第七章:Mapping插件
摘要: Mapping插件 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新。 绝 大多数程序都需要从服务
阅读全文
posted @ 2016-08-11 15:58 邬兴亮
阅读(240)
评论(0)
推荐(0)
编辑
第六章:加载或保存JSON数据
摘要: 加载或保存JSON数据 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。 加载或保存数据 Knockout不限制你用任何技术加载和保存
阅读全文
posted @ 2016-08-11 15:48 邬兴亮
阅读(231)
评论(0)
推荐(0)
编辑
监控属性数组(Observables Arrays )
摘要: 如果你想发现并响应一个对象的改变,就应该用监控属性(observables)。如果你想发现并响应一个集合的变化,就该用监控属性数组 (observableArray)。监控属性数组在显示或编辑多个值以及对界面的一部分重复显示或隐藏(如添加删除条目)等多种情况下 都是很有用的。 如果我们想要使用Kno
阅读全文
posted @ 2016-08-11 15:45 邬兴亮
阅读(2176)
评论(0)
推荐(0)
编辑
创建数据模型(View Models )和监控属性(Observables)
摘要: Knockout是建立在以下3个核心功能之上的: 1、 属性监控与依赖跟踪 2、 声明式绑定 3、 模版机制 在本节中,我们将学习3个核心里面的第一个。但在这之前,先让我们学习一下MVVM设计模式和View Model的概念。 Model-View-View Model (MVVM)是一种创建用户界
阅读全文
posted @ 2016-08-11 15:43 邬兴亮
阅读(759)
评论(0)
推荐(0)
编辑
Knockout介绍
摘要: Knockout.js是什么? Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部UI内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化)
阅读全文
posted @ 2016-08-11 15:41 邬兴亮
阅读(309)
评论(0)
推荐(0)
编辑
visible, disable, css绑定
摘要: 这个例子非常简单,主要演示如何通过属性控制html元素的显示与否(visible),可用性(disable)以及根据属性添加相应的CSS样式。 先简单的看一段代码: 这段代码几乎不需要解释,非常的简单易懂,就是控制input元素的可用性,根据其中的文本添加样式,和控制隐藏元素的显示。 完整代码如下:
阅读全文
posted @ 2016-08-11 15:39 邬兴亮
阅读(268)
评论(0)
推荐(0)
编辑
数组元素的新增/移除事件
摘要: 前两篇博客已经很清楚的知道knockout.js通过observableArray()数组元素增减,可以实时的反映在UI上。 当然我们想在数组增加或移除元素时加上自定义逻辑就好比一个触发器的感觉,可以吗? foreach提供了afterAdd及beforeRemove两个额外的事件,允许在数组新增、
阅读全文
posted @ 2016-08-11 15:38 邬兴亮
阅读(300)
评论(0)
推荐(0)
编辑
实时反映对象属性的变化
摘要: 在前一篇博客中我们使用了如下代码去新增user对象,即push方法: 使用 ko.computed去动态的计算user对象的socre属性的总和,前面有朋友问到修改之类的问题,我们尝试着添加一个按钮利用下面的代码试试: 我们发现丝毫没有反应,其实就是我们想当然的认为使用了 ko.observable
阅读全文
posted @ 2016-08-11 15:36 邬兴亮
阅读(454)
评论(0)
推荐(0)
编辑
以列表方式呈现数据
摘要: 处理以数组形式储存的多条数据,要先认识foreach。 在ViewModel定义一个JavaScript Array或是ko.observableArray() (observableArray在新增或剔除数组元素时,KO会立刻察觉反应到UI,普通Array则不会),然后在某个容器元素(例如: di
阅读全文
posted @ 2016-08-11 15:35 邬兴亮
阅读(492)
评论(0)
推荐(0)
编辑
动态绑定下拉列表
摘要: 动态绑定下拉列表 在<select> data-bind的options选项如果绑定到ko.observableArray(),就可以动态新增选项效果,也就是可以利用其完成常见的级联效果的。 在这一篇文章中,我们用单页面完成无刷新的前台新增选项和使用MVC完成后台的动态添加2个例子。 范例一: Vi
阅读全文
posted @ 2016-08-11 15:32 邬兴亮
阅读(2494)
评论(0)
推荐(0)
编辑
下拉列表
摘要: <select>也是网页设计重要的一环,knockout.js(以下简称KO)也有不错的支持。针对<select>,在data-bind除了用value可对应下拉菜单的选取结果,其选项也可以由ViewModel中取得,甚至动态改变。 以下是<select>常用的data-bind参数: option
阅读全文
posted @ 2016-08-11 15:30 邬兴亮
阅读(174)
评论(0)
推荐(0)
编辑
计算属性
摘要: Knockout.js随手记(1) 开篇已经示范过最简单的应用,为<input>与<span>加上data-bind宣告,透过 ko.applyBindings()绑定到定义好的ViewModel上,当input改变输入内容,会立即反应在span。然而,有些场合数据需经加 工才能使用,例如: 指定日
阅读全文
posted @ 2016-08-11 15:29 邬兴亮
阅读(547)
评论(0)
推荐(0)
编辑
用Javascript评估用户输入密码的强度(Knockout版)
摘要: 看到博友6点多发的一篇关于密码强度的文章(连接),甚是感动(周末大早上还来发文)。 我们来看看如果使用Knockout更简单的来实现密码强度的验证。 原有代码请查看: 然后来创建View Model,但是引用Knockout之前,我们首先要引用Knockout的Js类库(具体介绍请查看Knockou
阅读全文
posted @ 2016-08-11 15:22 邬兴亮
阅读(221)
评论(0)
推荐(0)
编辑
第五章:创建自定义绑定
摘要: 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 重要:以下文档只应用在Knockout 1.1.1和更高版本,Knockou
阅读全文
posted @ 2016-08-11 15:19 邬兴亮
阅读(202)
评论(0)
推荐(0)
编辑
第四章:模板绑定
摘要: 模板绑定The template binding 目的 template绑定 通过模板将数据render到页面。模板绑定对于构建嵌套结构的页面非常方便。默认情况, Knockout用的是流行的jquery.tmpl模板引擎。使用它的话,需要在安装页面下载和引用jquery.tmpl和jQuery框架
阅读全文
posted @ 2016-08-11 15:17 邬兴亮
阅读(282)
评论(0)
推荐(0)
编辑
导航
博客园
首页
新随笔
联系
订阅
管理
公告