Knockout.Js官网学习（enable绑定、disable绑定）
Knockout.Js官网学习（enable绑定、disable绑定）
aehyok
发布于 2018-09-11 13:08:25
发布于 2018-09-11 13:08:25
文章被收录于专栏：技术博客
enable绑定
enable绑定使DOM元素只有在参数值为 true的时候才enabled。在form表单元素input，select，和textarea上非常有用。
enable简单示例
<h2>enableBind</h2>
<p> <input type='checkbox' data-bind="checked: hasCellphone"/> I have a cellphone</p>
<p> Your cellphone number: <input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone"/></p>
<script type="text/javascript" src="~/Scripts/knockout-2.3.0.debug.js"></script>
<script type="text/javascript">
var viewModel = {
hasCellphone: ko.observable(false),
cellphoneNumber:ko.observable("")
};
ko.applyBindings(viewModel);
</script>这个例子里，“Your cellphone number”后的text box 初始情况下是禁用的，只有当用户点击标签 “I have a cellphone”的时候才可用。
声明DOM元素是否可用enabled。
非布尔值会被解析成布尔值。例如0和null被解析成false，21和非null对象被解析给true。
如果你的参数是observable的，那绑定会随着observable值的改变而自动更新enabled/disabled状态。如果不是，则只会设置一次并且以后不再更新。
任意使用JavaScript表达式
不紧紧限制于变量 – 你可以使用任何JavaScript表达式来控制元素是否可用。例如
<button data-bind="enable: parseAreaCode(viewModel.cellphoneNumber()) != '555'">
Do something
</button>disable绑定
disable绑定使DOM元素只有在参数值为 true的时候才disabled。在form表单元素input，select，和textarea上非常有用。
disable绑定和enable绑定正好相反，详情请参考enable绑定
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2013-10-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
