摘要: 关于Knockoutjs属性绑定的内容我们基本上已经介绍完了,最后我们再介绍一下属性绑定的最后一个模块,那就是模板绑定(template binding)。我们使用模板绑定的目的就是可以将复杂的页面通过各个模板为我们分别实现,当我们使用这些模板的使用通过模板绑定即可使用,这样对我们页面的编写也是十分方便的,我们使用模板的情况大多是内容是重复性的或者是分块嵌套的,这样对View Model层的数据展示就非常的方便。下面我们就借助几个例子看看怎样使用模板绑定。(1)、使用name来render模板 1 <h2>Participants</h2> 2 Here are the 阅读全文
posted @ 2012-12-03 23:33 悟空65 阅读(5598) 评论(4) 推荐(3) 编辑
摘要: 我们在使用Knockoutjs最多的时候莫过于使用上次介绍的流程控制(Control flow)和今天将要介绍的表单处理(Working with form fields)了,我们使用表单处理可以帮助我们处理比如事件、验证等功能,下面我们就开始吧。一、click binding使用click binding可以对某一个可见的DOM元素进行事件绑定,当用户点击这个元素时会执行对应的方法,完成相应的功能,我们经常在button、input、a等DOM元素上进行click binding。(1)、下面我们来看一个例子:每当我点击Button之后,点击次数都会加1 1 <script type= 阅读全文
posted @ 2012-11-30 15:15 悟空65 阅读(3307) 评论(2) 推荐(2) 编辑
摘要: 在上一篇《Knockoutjs属性绑定(Bindings)之控制文本和外观(Controlling text and appearance)》我们介绍了怎么样为View层的组件绑定对应的属性,这篇文章我们接着介绍Knockoutjs的属性绑定,这次我们主要介绍的是怎么样通过Knockoutjs来控制组件的流程显示(比如循环、判断是否显示等)。一、foreach binding使用此功能可以方便我们循环遍历输出某个数组、集合中的内容。(1)、循环遍历输出数组 1 <script type="text/javascript" src="knockout-2.2. 阅读全文
posted @ 2012-11-29 14:44 悟空65 阅读(7999) 评论(7) 推荐(3) 编辑
摘要: 上次我们通过《Knockoutjs实战开发:属性监控(Observables)和依赖跟踪(Dependency tracking )》一文对Knockoutjs的属性监控有了初步的了解,在昨天的文章中我们只是对某个属性进行监控介绍,在Knockoutjs中也提供了数组的监控,下面我们首先对数组的监控作下介绍,然后再开始介绍Knockoutjs的属性绑定的控制文本和外观。一、数组监控(Observable Arrays)如果我们想要使用Knockoutjs表示多个值的话我们可以使用数组监控(Observable Arrays)来表示,形式如下:1 var myObservableArray = 阅读全文
posted @ 2012-11-28 13:06 悟空65 阅读(1521) 评论(0) 推荐(0) 编辑
摘要: 昨天我们通过Knockoutjs环境搭建一文对Knockoutjs进行了简单的了解,我们在使用Js的很多情况下都是为了实现页面的局部刷新从而可以获得数据,使用Knockoutjs的情况也不例外,在Knockoutjs中提供了属性监控(Observables)和依赖跟踪(Dependency tracking)这两个概念,通过它们可以对我们所关心的控件(比如:text文本框)实现动态监控,这样,当空间的值改变或者出现对应的事件是,Knockoutjs可以对其最初相应的反应(此反应不需要刷新页面),从而得到我们想要的结果。下面我们来看一个比较经典的例子:一个人的名字由“姓”和“名”组成,由用户输入 阅读全文
posted @ 2012-11-27 16:03 悟空65 阅读(1991) 评论(5) 推荐(0) 编辑
摘要: 最近要在项目中使用Knockoutjs,因此今天就首先研究了一下Knockoutjs的环境搭建,并进行了一个简单的测试。首先要到http://knockoutjs.com/index.html下载最新版本的Knockoutjs,笔者这里下载的是knockout-2.2.0.js。然后新建一个.html文件,在html文档中加入以下的语句导入此js:<script type="text/javascript" src="knockout-2.2.0.js"></script>到这里我们就已经可以编写Knockoutjs的代码了,我们 阅读全文
posted @ 2012-11-26 16:58 悟空65 阅读(1622) 评论(10) 推荐(0) 编辑