随笔分类 - Knockout
摘要：observable在Knockoutjs中属于一个核心功能，在做监控数据的改变时，必须要用到Knockoutjs的监控属性——observable。 ko.observable()的简单使用 首先来看一个例子： 从上面的例子可以看出ko.observable()会先设置值再返回一个函数赋给变量a，
阅读全文
摘要：Knockuot js 似乎只考虑过怎么绑定（ko.applyBindings（）），却没考虑过怎么去除绑定，当修改了DOM内容，需要重新绑定时，发现似乎无能为力。 一、解决办法 这里有一个重新绑定的方法，就是使用ko.cleanNode(<YOUR DOM NODE>)，然后再使用ko.apply
阅读全文
摘要：如何将Knockoutjs和其他脚本库结合使用？这里给出一个Knockoutjs与my97datepicker配合使用的例子，例子中使用了ko的自定义绑定功能： 使用的时候就可以这样： 原创文章，转载请注明： 转载自xdlysk的博客 本文链接地址: KnockoutJS + My97DatePic
阅读全文
摘要：如何将Knockoutjs和其他脚本库结合使用？这里给出一个Knockoutjs与my97datepicker配合使用的例子，例子中使用了ko的自定义绑定功能： 使用的时候就可以这样： 原创文章，转载请注明： 转载自xdlysk的博客 本文链接地址: KnockoutJS + My97DatePic
阅读全文
摘要：本文我们将介绍使用 Knockout.js 实现一些基本的数据验证。就如我们在标题里提到的，我们会使用两种方法来创建数据验证方法。 使用自定义方法，不需要任何插件 最简单的方法是使用已有的插件 如果你刚刚接触 Knockout.js，强烈建议你阅读我之前的 文章，那篇文章中我分享了一些关于 Knoc
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Basic DataGrid - jQuery EasyUI Demo</title><link rel="stylesheet" type="text/css" href="easyui
阅读全文
摘要：目前仅支持URL的CRUD。不需要的话可以却掉相关代码，把treegrid的data直接赋值给viewModel，然后用ko提交整个data 1、支持双击编辑 2、单击Cell，自动保存编辑。 3、4个功能按钮。 插件源码： [javascript] view plain copy ko.bindi
阅读全文
摘要：/* my97datepicker 时间格式'yyyy-MM-dd HH-mm-ss' */ ko.bindingHandlers.datetimes = { init: function (element, valueAccessor, viewModel) { var value ...
阅读全文
摘要：深入浅出KnockoutJS 写在前面，本文资料大多来源网上，属于自己的学习笔记整理。 其中主要内容来自learn.knockoutjs.com，源码解析部分资料来自司徒正美博文《knockout.js学习笔记》系列。 1. Knockout初体验 1.1 Before Knockout 假设我们的
阅读全文
摘要：参考：http://knockoutjs.com/documentation/if-binding.html If 绑定用来控制一部分html标签是否生成在DOM树中（html标签有data-bind属性）。只有if的条件表达式等于true（或者是类似true的值，如非null的对象，非空字符串），
阅读全文
摘要：所有可用的binding值 文字和显示：visible, text, html, css, style, attr 流程控制：foreach, if, ifnot, with form字段:click, event, submit, enable, disable, value, hasFocus,
阅读全文
摘要：applyBindings ko.applyBindings(myViewModel); // Knockout调用applyBindings激活myViewModel（即把myViewModel和View中的声明式绑定data-bind关联起来） ko.applyBindings(myViewMo
阅读全文
摘要：动态表格使用observable arrays and the foreach ko.observableArray： 观察者模式，根据array动态更新表格 ko中的流程控制标签：foreach, if, ifnot, and with 在foreach的数据源发生变化时，ko并不会重新生成整个t
阅读全文
摘要：data-bind="text: firstName"中data-bind属性是Knockout 用来显示关联UI和viewmodel的桥梁， text 表示把绑定的文本赋值给DOM元素 click 用来关联按钮点击事件 data-bind="value: firstName"来动态绑定到input
阅读全文
摘要：使用Knockout有一段时间了（确切的说从MIX11大会宣传该JavaScript类库以来，我们就在使用，目前已经在正式的asp.net MVC项目中使用），Knockout使用js代码达到双向绑定的目的，类似Silverlight/WPF里的绑定一样，我们主要就是利用相关的特性进行开发的，极大地
阅读全文
摘要：1 Knockout简介 (Introduction) Knockout是一个轻量级的UI类库，通过应用MVVM模式使JavaScript前端UI简单化。 Knockout有如下4大重要概念： 声明式绑定 (Declarative Bindings)：使用简明易读的语法很容易地将模型(model)数
阅读全文
摘要：关于Knockout的3个重要概念（Observables,DependentObservables,ObservableArray），本人无法准确表达它的准确含义，所以暂定翻译为（监控属性、依赖监控属性和监控数组），如果有好的建议请指正，多谢。 1 创建带有监控属性的view model Obse
阅读全文
摘要：1 浏览器支持 Knockout在如下浏览器通过测试： Mozilla Firefox 2.0+（最新测试版本：3.6.8） Google Chrome（通过Windows and Mac 下的version 5测试；其它低版本也该可以工作） Microsoft Internet Explorer
阅读全文
摘要：1 Contacts editor 这个例子和微软为演示jQuery Data Linking Proposal例子提供的例子一样的提供的，我们可以看看Knockout实现是难了还是容易了。 代码量的多少不重要（尽快Knockout 的实现很简洁），重要的看起来是否容易理解且可读。查看HTML源代码
阅读全文
摘要：5 Control types 这个例子，对view model没有什么特殊的展示，只是展示如何绑定到各种元素上（例如，select， radio button等）。 代码: View View Code 代码: View model var viewModel = { stringValue: k
阅读全文
