使用Knockout 绑定简单 json 对象
2012-07-08 12:17
239 查看
近期 KO 这个js框架貌似要火,所以简单的学习了下,园子中的参考文章:
/article/4830959.html
绑定实体类数据
Html Form :
还有很多的属性,这里就不略过啦~~~
js Code:
要使用ko 进行数据绑定,需要构造适合KO的对象。如下方式:
当然,我们在后端代码也可以生成这样的json。如果不在后端写相关的程序,使用JSON.NET 将实体生成JSON对象是不符合KO使用的。所以
我们需要在前端用JS 将实体对象构造成适合KO 使用的对象。你可以手写成上面的样子,但如果属性很多的话,很烦的,所以我们可以写个通用的方法。
作法:
这样就好啦,你有多少属性我都不怕啦~~,一个方法写好,处处作法!省力省心啊!
上面的方法针对你的逻辑可能会有问题,你可以稍作修改。这个应该难不到陪明的你,我看好你哦!
对啊,忘记说,要首选引入knockout.js 这个可以在 官网的首页下载
/article/4830959.html
汤姆大叔的博客 KNOCKOUT 系列文章
为了方便查阅,将大叔的这个系列文章 做成了CHM 有需的朋友们 请进入 传送点绑定实体类数据
Html Form :
<form id="xxoo"> 姓名:<input type="text" data-bind="value:truename" name="truename" id="txtTruename" /> Email:<input type="text" data-bind="value:email" name="email" id="txtemail" /> </form>
还有很多的属性,这里就不略过啦~~~
js Code:
要使用ko 进行数据绑定,需要构造适合KO的对象。如下方式:
var viewModel={ truename:ko.observable("疯狂秀才"), email:ko.objservable('1055818239@qq.com') }
当然,我们在后端代码也可以生成这样的json。如果不在后端写相关的程序,使用JSON.NET 将实体生成JSON对象是不符合KO使用的。所以
我们需要在前端用JS 将实体对象构造成适合KO 使用的对象。你可以手写成上面的样子,但如果属性很多的话,很烦的,所以我们可以写个通用的方法。
作法:
function bindData(modelObj){ if (modelObj) { var viewModel = {}; for (var item in modelObj) { viewModel[item] = ko.observable(modelObj[item]); } ko.applyBindings(viewModel); } }
这样就好啦,你有多少属性我都不怕啦~~,一个方法写好,处处作法!省力省心啊!
上面的方法针对你的逻辑可能会有问题,你可以稍作修改。这个应该难不到陪明的你,我看好你哦!
对啊,忘记说,要首选引入knockout.js 这个可以在 官网的首页下载
相关文章推荐
- 在ASP.NET MVC中使用Knockout实践01,绑定Json对象
- jackson简单使用,对象转json,json转对象,json转list
- jackson简单使用,对象转json,json转对象,json转list
- 【翻译】使用Knockout, Web API 和 ASP.Net Web Forms 进行简单数据绑定
- Android JSON数据格式的解析,与简单对象、带泛型的List和Map的转换,以及GSON的使用
- JSON转化成对象或者数组(使用jquery 简单好用)
- 对于对象的简单验证及返回处理——@JsonView ,@Valid注解的使用
- 使用JAVA反射机制将简单JAVA been对象、数组转化为对应的Json串
- [Android | 小代码] 天气预报 简易Demo json解析数组+对象 Gson+Volley简单使用
- 简单使用JSON,JavaScript中创建 JSON 对象(一)
- knockout绑定复杂的JSON数据 使用 Mapping插件
- jackson简单使用,对象转换为JSON
- 简单使用JSON,通过JSON 字符串来创建对象(二)
- js JSON对象的简单使用
- 使用POJO对象绑定请求参数
- Json转换利器Gson之实例一-简单对象转化和带泛型的List转化
- 使用Json字符串对model对象赋值
- 关于Litjson的简单使用
- Json 自定义使用函数的简单实例