zoukankan      html  css  js  c++  java
  • 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,两者的效果只是刚好相反罢了。

  • 相关阅读:
    进入新的一线开发周期
    某框架的反人类特性
    8月最后一天随想
    jython 2.7 b3发布
    [转] 基于 Apache Mahout 构建社会化推荐引擎
    FreeBSD10上编译尝试DeepIn UI
    PDT已有很大改进
    两张图
    FreeBSD暂时用9.X系列为宜
    backbone教程
  • 原文地址:https://www.cnblogs.com/charlieyuki/p/3938704.html
Copyright © 2011-2022 走看看