Knockout的MVVM模式
来源:互联网 发布:软件无线电接收机 编辑:程序博客网 时间:2024/05/22 08:17
为什么要用mvvm模式呢,为了让大家不再需要不停地事件捕获,而是使用面向对象的javascript和数据绑定来实现。knockoutjs还兼容各种浏览器。
knockoutjs的实现原理如下图:
每个页面都会有一个viewmodel,它是连接服务器端和客户端的纽带。数据都会保存在viewmodel中,然后通过数据绑定来把数据显示到html。这个非常适合异步的数据传输系统。因为asp.net mvc 对ajax的支持更加好。
上图中说明了如何使用knockoutjs。首先页面中需要有一个viewMode来存放所有的数据和交互数据的函数。如果要knockoutjs生效你需要使用上图中的最后一行代码。
knockoutjs和jquery集成的非常好,你可以结合jquery的template来实现复杂业务的数据显示。上图中的html元素有data-bind属性,说明是使用了ko的数据绑定,也就是MVVM模式。
在asp.net mvc中上图中的数据源可以设置为AJAX方式。Action把Json格式的数据传输到viewmodel中,然后使用kojs来把数据绑定到页面。不错的一个方案。
0 0
- Knockout的MVVM模式
- JS框架——MVVM模式的Knockout.js
- Knockout.js及MVVM模式介绍
- MVVM框架jsViews和Knockout的选择
- Silverlight的MVVM模式
- MVVM模式的使用
- MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法
- React-Knockout无缝粘合,JavaScript项目MVVM框架下的控件化
- 前端 MVVM 框架KnockOut.JS深入浅出视频教程
- 谈WPF的MVVM模式
- iOS的MVC、MVVM模式
- MVVM模式的简单案例
- Web开发的MVVM模式
- Android的MVVM模式优缺点
- vue js的MVVM模式
- Android MVVM模式的理解
- MVVM模式
- MVVM模式
- java中的成员内部类
- mysql如何更改character-set-server默认为latin1
- 基于DCNN的人脸特征点定位
- jquery 获取浏览器窗口的高度和宽度
- 安装wine
- Knockout的MVVM模式
- localStorage sessionStorage学习
- Python爬虫如何获取动态内容-下
- A Beginner's Guide To Understanding Convolutional Neural Networks - Part 2
- Class类文件加载机制
- Unity3D中Random.seed属性解析
- dinic背诵用模板
- linux一天一个命令
- 安装zh_cn.utf8