ko例题-----------摘自汤姆大叔
2017-06-15 22:29
204 查看
例1分解用户的输入
改变fullName的值 firstName和lastName 会做出相应的变化
上面的view model演示的是通过一个简单的参数来初始化依赖监控属性。你可以给下面的属性传入任何JavaScript对象:
read — 必选,一个用来执行取得依赖监控属性当前值的函数。
write — 可选,如果声明将使你的依赖监控属性可写,别的代码如果这个可写功能写入新值,通过自定义逻辑将值再写入各个基础的监控属性上。
owner — 可选,如果声明,它就是KO调用read或write的callback时用到的this。查看“管理this”获取更新信息。
例2:Value转换器
有时候你可能需要显示一些不同格式的数据,从基础的数据转化成显示格式。比如,你存储价格为float类型,但是允许用户编辑的字段需要支持货币单位和小数点。你可以用可写的依赖监控属性来实现,然后解析传入的数据到基本 float类型里:
所以,不管用户什么时候输入新价格,输入什么格式,text box里会自动更新为带有2位小数点和货币符号的数值。这样用户可以看到你的程序有多聪明,来告诉用户只能输入2位小数,否则的话自动删除多余的位数,当然也不能输入负数,因为write的callback函数会自动删除负号。
改变fullName的值 firstName和lastName 会做出相应的变化
上面的view model演示的是通过一个简单的参数来初始化依赖监控属性。你可以给下面的属性传入任何JavaScript对象:
read — 必选,一个用来执行取得依赖监控属性当前值的函数。
write — 可选,如果声明将使你的依赖监控属性可写,别的代码如果这个可写功能写入新值,通过自定义逻辑将值再写入各个基础的监控属性上。
owner — 可选,如果声明,它就是KO调用read或write的callback时用到的this。查看“管理this”获取更新信息。
例2:Value转换器
有时候你可能需要显示一些不同格式的数据,从基础的数据转化成显示格式。比如,你存储价格为float类型,但是允许用户编辑的字段需要支持货币单位和小数点。你可以用可写的依赖监控属性来实现,然后解析传入的数据到基本 float类型里:
所以,不管用户什么时候输入新价格,输入什么格式,text box里会自动更新为带有2位小数点和货币符号的数值。这样用户可以看到你的程序有多聪明,来告诉用户只能输入2位小数,否则的话自动删除多余的位数,当然也不能输入负数,因为write的callback函数会自动删除负号。
相关文章推荐
- 201508181508_《JavaScript单例模式的最佳实践(摘自汤姆大叔)》
- 复制所有属性进行继承 转自 博客园 汤姆大叔 深入理解JavaScript系列(46):代码复用模式(推荐篇)
- 看了汤姆大叔的“你真懂JavaScript吗?”的一些感慨
- 汤姆大叔深入理解JavaScript系列
- 读汤姆大叔《深入理解javascript系列》笔记一编写高质量代码
- 汤姆大叔博客索引
- 深入理解JavaScript系列--汤姆大叔
- 元芳 你对汤姆大叔送书一事怎么看?
- 汤姆大叔的深入理解JavaScript读后感一(1——16节)
- js变量声明与赋值---看汤姆大叔博客所做笔记(一)
- Python表示不甘心,汤姆大叔送书,Python抢书之毫秒级跟进--获取服务器时间
- 汤姆大叔文章列表
- 汤姆大叔设计模式学习体会:设计模式的思想
- 汤姆大叔的博客
- 你必须知道ASP.NET知识------关于动态注册httpmodule(对不起汤姆大叔)
- js执行上下文补充 变量对象 (看汤姆大叔博客所记)
- 深入理解JavaScript系列---转汤姆大叔的博客
- 读汤姆大叔的深入理解javascrip 系列2
- 深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP 转自 博客园 汤姆大叔
- 《JavaScript编程精解》回馈网友,汤姆大叔送书30本