zoukankan      html  css  js  c++  java
  • Knockout.Js官网学习(enable绑定、disable绑定)

    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绑定

  • 相关阅读:
    netcore一键部署到linux服务器以服务方式后台运行
    查找100-999之间的水仙花数
    shell创建数据库的脚本
    python打印九九乘法表的菱形实现
    c++一些重要的细节
    MySQL数据库基础学习笔记(二)
    MySQL数据库基础学习笔记(一)
    react-redux 的基本使用
    react-router-dom基本使用+3种传参方式
    从create-react-app 项目搭建开始
  • 原文地址:https://www.cnblogs.com/zxbzl/p/6004118.html
Copyright © 2011-2022 走看看