代码改变世界

随笔分类 -  knockout

Knockout学习之模板绑定器

2014-12-17 18:27 by y-z-f, 4652 阅读, 收藏, 编辑
摘要: 模板绑定器 如今页面结构越来越复杂,仅仅依靠foreach已经不足以我们的使用,这个时候我们就需要模板的存在,模板的优点自然很多,首先会让页面整洁,同时修改起来也可以方面的定位,最重要的是ko可以条件式选择模板来呈现数据。下面我们将开始逐一的学习。1.呈现一个简单的模板常规的js我们需要写上去,... 阅读全文

Knockout学习之表单绑定器(下)

2014-07-02 10:25 by y-z-f, 5090 阅读, 收藏, 编辑
摘要: “hasFocus”绑定 hasFocus绑定器会将DOM元素的焦点状态与视图模型中的属性相关联,当你设置视图模型中关联的属性为true或false后,将能够设置关键的DOM元素是否获得焦点。 比如下面的例子将会演示如何使用通过代码设置焦点,并且当关联的标签获得焦点后显示一段文本: “checked 阅读全文

Knockout学习之表单绑定器(上)

2014-07-01 15:43 by y-z-f, 8822 阅读, 收藏, 编辑
摘要: 表单绑定器“click”绑定Click 绑定器可以将javascript函数绑定到指定的dom元素,并且再该元素被点击时将触发绑定的函数,大多数情况下都会使用button、input和a元素,当然其他可见的dom元素也是一样可以的。下面我们就简单的举一个例子: 1 2 你已经点击了 3 ... 阅读全文

Knockout学习之控制流绑定器

2014-06-24 14:27 by y-z-f, 3888 阅读, 收藏, 编辑
摘要: 控制流绑定器 “foreach”绑定 顾名思义,通过该绑定我们就可以将监控数组循环输出到页面中去了,当然我们还是先来段简单的示例,仅仅只是输出监控数组: 通过这种方式我们可以将后台的表格改成采用ajax加载和翻页,但是还会有对应的删除等等操作,而且删除操作我们需要获取当前所选的项,获取这非常简单就可 阅读全文

Knockout学习之文本和外观绑定器

2014-06-24 14:16 by y-z-f, 2530 阅读, 收藏, 编辑
摘要: 文本和外观绑定器 “visible”绑定 该绑定主要用来让我们通过监控属性可以控制html文档的显示,只要绑定的监控属性为false、0、null或者undefined则隐藏该标签,否则显示。比如下面的示例: 默认是不显示的,当点击出现按钮设置visibleState的值为true,因为ko会自动更 阅读全文

Knockout学习之监控数组

2014-06-05 10:29 by y-z-f, 3481 阅读, 收藏, 编辑
摘要: 监控数组 单个监控属性、组合属性虽然可以解决大部分的问题,但是还有很多是他们无法做到的,比如在一组数据中进行移除添加,所以这节我们将要学习监控数组。 由于监控属性是由ko的observable构造,那么对应的数组则由observableArray构造,比如下面的代码: 这里我们通过push添加了一项 阅读全文

Knockout学习之组合监控属性

2014-06-04 09:16 by y-z-f, 1505 阅读, 收藏, 编辑
摘要: 组合监控属性 顾名思义,就是我们可以将多个属性合并为一个属性。这样在显示的时候就是整体了,并且其中任何一个属性发生改变,这个属性也都会随之发生改变从而更新视图,而这些只需要使用computed函数就可以实现,比如下面的代码我们将firstName和lastName合并为fullName属性,并呈现: 阅读全文

Knockout学习之监控属性

2014-06-03 14:01 by y-z-f, 4412 阅读, 收藏, 编辑
摘要: 监控属性Knockout包含以下三个核心特性:1.监控属性和依赖跟踪2.显式绑定3.模板下面我们将学习这三点中的第一点,在这之前我们先研究下MVVM模式和视图模型的概念。MVVM和视图模型模型:用来存储应用中的数据。它处于业务领域中,并且包含了相关的属性以及操作,与用户界面独立。在使用OK时,你将经... 阅读全文