knockout js动态绑定viewModel的对象属性

最近因为公司的需要用到了knockout js.而每次写页面的js的时候都要手动写一个viewModel 感觉很繁琐..就动手写了一个递归来进行viewModel的绑定(后面才发现原来ko已经有写好的插件了.可代码也早写好就一直用着)

//递归绑定ko
	var koBind = function(obj){
		//判断是否为数组
		if(obj.length){
			for(var item in viewModel.bo()){
				if(viewModel.bo()[item].length){
					viewModel.bo()[item] = ko.observableArray(obj);
				}
			}
			//为数组则挨个挨个调用递归
			for(var i = 0 ; i < obj.length ; i++){
				koBind(obj[i]);
			}
		}else{
			//判断是否为对象类型
			if(typeof obj == "object"){
				//console.log(viewModel.bo());
				//遍历对象中所有属性
				for(var item in obj){
					//在判断属性中是否在为对象
					if(typeof obj[item] == "object"){
						obj[item] = ko.observable(obj[item]);
						koBind(obj[item]());
					}else{
						//判断是否有绑定为ko对象
						if(!ko.isObservable(obj[item])){
							obj[item] = ko.observable(obj[item]);
						}else{
							return;
						}
					}
				}
			}else{
				if(!ko.isObservable(obj)){
					obj = ko.observable(obj);
				}else{
					return;
				}
			}
		}
	};

代码中的bo这段可以忽略不看..因为我们为一个大对象里面又包含各种对象的信息.所以做了层判断..参数也只用将调用后台返回得到的数据传入即可.就会将你全转换为ko的属性对象(不知这种说法对不 大笑).

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值