摘要: Knockout应用开发指南 第八章:简单应用举例(1)http://www.cnblogs.com/TomXu/archive/2011/11/30/2257067.htmlKnockout应用开发指南 第八章:简单应用举例(2)http://www.cnblogs.com/TomXu/archi 阅读全文
posted @ 2016-10-27 15:59 银河系上的地球 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 模板绑定器 如今页面结构越来越复杂,仅仅依靠foreach已经不足以我们的使用,这个时候我们就需要模板的存在,模板的优点自然很多,首先会让页面整洁,同时修改起来也可以方面的定位,最重要的是ko可以条件式选择模板来呈现数据。下面我们将开始逐一的学习。 1.呈现一个简单的模板 常规的js我们需要写上去, 阅读全文
posted @ 2016-10-27 15:51 银河系上的地球 阅读(475) 评论(0) 推荐(0) 编辑
摘要: https://pan.baidu.com/s/1gf9JZ8n#list/path=%2F 阅读全文
posted @ 2016-10-27 15:45 银河系上的地球 阅读(250) 评论(0) 推荐(0) 编辑
摘要: 前言 有时候,在使用ko.mapping.fromJS的时候,可能有必要去使用mapping的高级用法来定义mapping的详细过程,以后定义了,以后再调用的时候就不必再定义了。这里有一些情形,你可能需要使用这些option。 使用keys来使对象unique化 你有一个JavaScript对象,如 阅读全文
posted @ 2016-10-27 15:38 银河系上的地球 阅读(1001) 评论(0) 推荐(0) 编辑
摘要: 使用ignore忽略不需要map的属性 如果在map的时候,你想忽略一些属性,你可以使用ignore累声明需要忽略的属性名称集合: 这样执行后age不会在viewModel中 你声明的忽略数组被编译到默认的ignore数组里。你可以像下面代码一样来维护它: 使用include声明需要map的属性 默 阅读全文
posted @ 2016-10-27 15:33 银河系上的地球 阅读(326) 评论(0) 推荐(0) 编辑
摘要: 前言 Knockout设计成允许你使用任何JavaScript对象作为view model。必须view model的一些属性是observable的,你可以使用KO绑定他们到你的UI元素上,当这些observable值改变的时候,这些UI元素就会自动更新。 使用mapping要引用的Js文件htt 阅读全文
posted @ 2016-10-27 15:30 银河系上的地球 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 前言 Knockout可以实现很复杂的客户端交互,但是几乎所有的web应用程序都要和服务器端交换数据(至少为了本地存储需要序列化数据),交换数据最方便的就是使用JSON格式 – 大多数的Ajax应用程序也是使用这种格式。 加载或保存数据 Knockout不限制你用任何技术加载和保存数据。你可以使用任 阅读全文
posted @ 2016-10-27 15:29 银河系上的地球 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 前言 你可以创建自己的自定义绑定 – 没有必要非要使用内嵌的绑定(像click,value等)。你可以你封装复杂的逻辑或行为,自定义很容易使用和重用的绑定。例如,你可以在form表单里自定义像grid,tabset等这样的绑定。 注册你的绑定 添加子属性到ko.bindingHandlers来注册你 阅读全文
posted @ 2016-10-27 15:28 银河系上的地球 阅读(370) 评论(0) 推荐(0) 编辑
摘要: selectedOptions绑定 selectedOptions绑定用于控制multi-select列表已经被选择的元素,用在使用options绑定的<select>元素上。 当用户在multi-select列表选择或反选一个项的时候,会将view model的数组进行相应的添加或者删除。同样,如 阅读全文
posted @ 2016-10-27 15:27 银河系上的地球 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 前言 options绑定控制什么样的options在drop-down列表里(例如:<select>)或者 multi-select 列表里 (例如:<select size='6'>)显示。此绑定不能用于<select>之外的元素。关联的数据应是数组(或者是observable数组),<selec 阅读全文
posted @ 2016-10-27 15:26 银河系上的地球 阅读(330) 评论(0) 推荐(0) 编辑
摘要: 前言 checked绑定是关联到checkable的form表单控件到view model上 - 例如checkbox(<input type='checkbox'>)或者radio button(<input type='radio'>) 。当用户check关联的form表单控件的时候,view 阅读全文
posted @ 2016-10-27 15:25 银河系上的地球 阅读(369) 评论(0) 推荐(0) 编辑
摘要: 前言 value绑定是关联DOM元素的值到view model的属性上。主要是用在表单控件<input>,<select>和<textarea>上。 当用户编辑表单控件的时候, view model对应的属性值会自动更新。同样,当你更新view model属性的时候,相对应的元素值在页面上也会自动更 阅读全文
posted @ 2016-10-27 15:24 银河系上的地球 阅读(383) 评论(0) 推荐(0) 编辑
摘要: enable绑定 enable绑定使DOM元素只有在参数值为 true的时候才enabled。在form表单元素input,select,和textarea上非常有用。 enable简单示例 这个例子里,“Your cellphone number”后的text box 初始情况下是禁用的,只有当用 阅读全文
posted @ 2016-10-27 15:23 银河系上的地球 阅读(491) 评论(0) 推荐(0) 编辑
摘要: event绑定 event绑定在DOM元素上添加指定的事件句柄以便元素被触发的时候执行定义的JavaScript 函数。大部分情况下是用在keypress,mouseover和mouseout上。 简单示例 就是通过在一个div上绑定两个事件,一个鼠标点上去的mouseover让下面的div内容显示 阅读全文
posted @ 2016-10-27 15:22 银河系上的地球 阅读(477) 评论(0) 推荐(0) 编辑
摘要: Style绑定 style绑定是添加或删除一个或多个DOM元素上的style值。比如当数字变成负数时高亮显示,或者根据数字显示对应宽度的Bar。(注:如果你不是应用style值而是应用CSS class的话,请参考CSS绑定。) Style简单示例 简单示例代码,运行后发现为红色的字体 当curre 阅读全文
posted @ 2016-10-27 15:19 银河系上的地球 阅读(350) 评论(0) 推荐(0) 编辑
摘要: 前言 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。 简单示例 预览效果 每次点击按钮的时候,都会调用incrementClickCounter()函数,然后更新自动更新点击 阅读全文
posted @ 2016-10-27 15:19 银河系上的地球 阅读(727) 评论(0) 推荐(0) 编辑
摘要: Html绑定 html绑定到DOM元素上,使得该元素显示的HTML值为你绑定的参数。如果在你的view model里声明HTML标记并且render的话,那非常有用。 简单示例 这样Html 的EM标签就会显示于此 KO设置该参数值到元素的innerHTML属性上,元素之前的内容将被覆盖。 如果参数 阅读全文
posted @ 2016-10-27 15:18 银河系上的地球 阅读(2286) 评论(0) 推荐(0) 编辑
摘要: 前言 text 绑定到DOM元素上,使得该元素显示的文本值为你绑定的参数。该绑定在显示<span>或者<em>上非常有用,但是你可以用在任何元素上。 简单绑定 KO将参数值会设置在元素的innerText (IE)或textContent(Firefox和其它相似浏览器)属性上。原来的文本将会被覆盖 阅读全文
posted @ 2016-10-27 15:17 银河系上的地球 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 前言 让visible绑定到DOM元素上,使得该元素的hidden或visible取决于绑定的值。 简单的绑定 首先还是先定义一个ViewModel 并且通过ko.applyBindins进行激活Knockout。 然后定义一个UI界面元素 运行之后此div在初始化的时候还是显示的可以,之后就被重新 阅读全文
posted @ 2016-10-27 15:16 银河系上的地球 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 前言 1.创建一个ViewModel 2.为ViewModel创建一个声明式绑定的简单的View 3.激活Knockout 1 ko.applyBindings(myViewModel); 1 ko.applyBindings(myViewModel); 1 ko.applyBindings(myV 阅读全文
posted @ 2016-10-27 15:15 银河系上的地球 阅读(158) 评论(0) 推荐(0) 编辑