ASP .Net MVC使用Knockout.js
2017-03-08 18:33
239 查看
今天看了一下《基于Bootstrap和Knockout.js的ASP.NET MVC实战开发》感觉MVC结合knockout这个轻量级的JS库的确不错,它只有一个目的:就是将VIewModel绑定到用户界面。
Knockout的操作步骤:1、HTML和CSS,VIewModel可以将数据绑定到其包含的元素上面;
2、ViewModel包含了绑定HTML上的变量和函数;
3、最后,在 ko.applyBindings()函数和VIewModel一起调用时,VIewModel就被Knockout执行了;
经过了自己看书和自己操作发现,一直没有显示绑定的数据,最后发现原来是因为把视图模型的实例化和 ko.applyBindings()函数放在了视图模型的类中:
Person类:
Controller中的代码:
VIew中的代码
运行界面如下图:
Knockout的操作步骤:1、HTML和CSS,VIewModel可以将数据绑定到其包含的元素上面;
2、ViewModel包含了绑定HTML上的变量和函数;
3、最后,在 ko.applyBindings()函数和VIewModel一起调用时,VIewModel就被Knockout执行了;
经过了自己看书和自己操作发现,一直没有显示绑定的数据,最后发现原来是因为把视图模型的实例化和 ko.applyBindings()函数放在了视图模型的类中:
Person类:
Controller中的代码:
VIew中的代码
运行界面如下图:
相关文章推荐
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 5 - 数据库设计
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 4 - 验证
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 2
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 1
- 使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 6 - 业务逻辑
- 使用asp.net mvc,boostrap及knockout.js开发微信自定义菜单编辑工具(推荐)
- 翻译:使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 3
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之调整首页显示
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建项目
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之完成登录功能
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之调整首页显示
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之完成登录功能
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之数据篇
- 一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之创建输出验证码图片的控制器