-
Knockout2.x开发 第十二章:表单域Form fields:Event绑定
"event" 绑定 "event 绑定"在DOM元素上添加指定的事件以便元素被触发的时候执行定义的JavaScript 函数。大部分情况下是用在 keypress, mouseover 和 mouseout上。 基本用法 Html代码 ...2013-04-30 阅读236
-
Knockout2.x开发 第十一章:表单域Form fields:Click绑定
"click" 绑定 click 绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button, input, 和链接 a上, 但是可以在任意元素上使用。 绑定DOM元素的单击事件到指定的函数。 如果是在一个fo...2013-04-29 阅读223
-
Knockout2.x开发 第十章:控制this句柄
初学者可以忽略这篇文章,因为大部分都用不着,高级用户可以参考如下内容: 先看个例子: function AppViewModel() { var self = this; self.firstName = ko.observable('Bob'); &...2013-04-28 阅读223
-
Knockout2.x开发 第九章:控制流Control Flow:if绑定与with绑定
"if" 绑定 与visible binding类似,都可以控制一段内容是否出现在页面中。 与visible不同的是,if binding是真正的控制Html标签是否出现在DOM中,如果绑定的值为false,则Html标签不会出现在页面中。 if绑定会修改DOM结构,所以出于性能考虑,不应该...2013-04-27 阅读226
-
Knockout2.x开发 第八章:控制流Control Flow:理解绑定上下文Binding Context
上一篇文章,我们感受了一下control flow的威力,那就是利用viewModel绑定列表元素到DOM上,在这个过程中,由于绑定的数据出现了嵌套,我们使用了一些关键字来实现访问不同的层次对象: $parent:访问当前绑定对象的上一层次对象 $data:访问当前绑定对象自身 ...2013-04-06 阅读215
-
Knockout2.x开发 第七章:控制流Control Flow:foreach绑定、虚拟结点绑定
"foreach" 绑定 foreach 绑定将array中项目绑定到每个重复的节点中,并且将节点的副本绑定到对应的数组项中。在呈现列表或表格的这尤其有用。 假设你的数组是一个 observable array,每当你添加或删除数组条目时,绑定可以自动更新对应的UI元素 - 插入或删除更多的...2013-04-06 阅读202
-
Knockout2.x开发 第六章:文本和样式绑定:css绑定、style绑定、attr绑定
"css" 绑定 css绑定是添加或删除一个或多个CSS class到DOM元素上。 非常有用,比如当数字变成负数时高亮显示。(注:如果你不想应用CSS class而是想引用style属性的话,请参考style绑定。) 例子 html代码 <div data-bind="css: { myClass...2013-04-27 阅读202
-
Knockout2.x开发 第五章:文本和样式绑定:text绑定、html绑定
"text" 绑定 text 绑定到DOM元素上,使得该元素显示的文本值为你绑定的参数。 该绑定在显示 <span> 或者 <em> 上非常有用,但是你可以用在任何元素上。 由于ko.applyBindings(viewModel)激活代码...2013-04-24 阅读232
-
Knockout2.x开发 第四章:文本和样式绑定:visible绑定、js表达式绑定
"visible" 绑定(可见性绑定) ko内置的基础绑定之一 。 用于控制DOM元素的可见性,直接影响元素的display样式属性。 如果与observable或者computed属性绑定,则会产生双向绑定效果。 例子 <div data-bind="visi...2013-04-21 阅读231
-
Knockout2.x开发 第三章:监控数组(Observable Array)
监控数组(Observable Arrays) 如果你要探测和响应一个对象的变化,你应该用observables。如果你需要探测和响应一个集合对象的变化,你应该用 observableArray 。在很多场景下,它都非常有用,比如你要在UI上需要显示/编辑的一个列表数据集合,然后对集合进行添加和删除。 ...2013-03-11 阅读238