首页 > 代码库 > KnockoutJs学习笔记(十一)
KnockoutJs学习笔记(十一)
enable binding往往作用于form elements,比如input、select和textarea等。包含enable binding的DOM元素会依照enable binding参数的真假来决定自己是否可用。
一个简单的例子如下:
html部分:
1 <p>2 <input type="checkbox" data-bind="checked: hasCellphone" />3 I have a cellphone.4 </p>5 6 <p>7 Your cellphone number:8 <input type="text" data-bind="value: cellphoneNumber, enable: hasCellphone" />9 </p>
js部分:
1 function MyViewModel() {2 var self = this;3 4 self.cellphoneNumber = "";5 self.hasCellphone = ko.observable(false);6 }7 8 ko.applyBindings(new MyViewModel());
enable binding的参数可以是viewModel中的函数,也可以是任意的javascript判断语句。如果说参数是一个observable,则每当该observable变化时,UI就会立即更新相应元素的enable状态,否则,UI只会对元素的enable状态设置一次。
至于disable binding的使用方法完全可以参照enable binding,两者的效果只是刚好相反罢了。
KnockoutJs学习笔记(十一)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。