zoukankan      html  css  js  c++  java
  • Knockoutjs 实践入门 (3) 绑定数组

    <form id="form1" runat="server">
            <div>
                <!--text value绑定model:itemToAdd,valueUpdate:更新数据绑定时机:按键时-->
                <!---如果不指定valueUpdate,使用默认更新数据绑定,经试验并不是onchange-->
                <input type="text"  data-bind='value:itemToAdd, valueUpdate: "afterkeydown"'/>
                 <!--button enable:绑定itemToAdd,click事件绑定model.addItem方法-->
                <input type="button" value="Add" data-bind='enable:itemToAdd().length>0,click:addItem'  />

            </div>
            <div>
                <!--select.options  绑定model.dataSource -->
                <select  multiple="multiple" style="200px" data-bind="options:dataSource"></select>
            </div>
        </form>
         <script type="text/javascript">
             var model = function (items) {
                 //绑定数据源
                 this.dataSource = ko.observableArray(items);
                 //绑定observable:最终返回输入值,itemToAdd就是绑定输入值
                 this.itemToAdd=ko.observable("");
                 this.addItem = function () {
                     if (this.itemToAdd() != "") {
                         alert(this.itemToAdd());
                         //插入获取的输入值
                         this.dataSource.push(this.itemToAdd());
                         //输入值清空
                         this.itemToAdd("");
                     }
                     
                     //this 设置为model
                 }.bind(this);
             };

             //初始化model
             ko.applyBindings(new model(["aaa","bbb","ccc"]));
        </script>

  • 相关阅读:
    想学好H5的话,你一定要知道的9个网站!
    颜色拾取
    Linux ( Centos 7.3 x64) 安装 nginx (一)
    获取url链接 判断加上HTTPS
    使用PHPMailer发送邮件
    PHP 判断一维数组或者是二维数组
    谨以此纪念下今天开通了博客
    线上服务器运维问题记录
    使用requests遇到的坑
    一个java进程突然消失的问题
  • 原文地址:https://www.cnblogs.com/hbb0b0/p/4501587.html
Copyright © 2011-2022 走看看