随笔分类 -  knockoutjs

• knockoutjs foreach array绑定 表格 下拉框绑定
  摘要：转载http://desert3.iteye.com/blog/1480471knockoutjs foreach array绑定 表格 下拉框绑定博客分类：Javascript动态表格使用observable arrays and the foreachko.observableArray： 观察... 阅读全文
  posted @ 2015-09-24 17:12 金_玲 阅读(672) 评论(0) 推荐(0)
• click 绑定（三）防止事件冒泡
  摘要：防止事件冒泡默认情况下，Knockout允许click事件继续在更高一层的事件句柄上冒泡执行。例如，如果你的元素和父元素都绑定了click事件，那当你点击该元素的时候两个事件都会触发的。如果需要，你可以通过额外的绑定clickBubble来禁止冒泡。例如： Click me ... 阅读全文
  posted @ 2015-09-02 17:19 金_玲 阅读(986) 评论(0) 推荐(0)
• 控制文本和外观------Attr Binding(attr属性绑定)
  摘要：Attr Binding(attr属性绑定)目的attr 绑定提供了一种方式可以设置DOM元素的任何属性值。你可以设置img的src属性，连接的href属性。使用绑定，当模型属性改变的时候，它会自动更新。例子 Report呈现结果是该连接的href属性被设置为year-end.html， ti... 阅读全文
  posted @ 2015-08-18 09:56 金_玲 阅读(310) 评论(0) 推荐(0)
• 控制文本和外观------CSS Binding(CSS类名绑定)
  摘要：...0}"> This is css Test目的css绑定是添加或删除一个或多个CSS class到DOM元素上。 非常有用，比如当数字变成负数时高亮显示。（注：如果你不想应用CSS class而是想引用style属性的话，请参考style绑定。）例子 Profit Information ... 阅读全文
  posted @ 2015-08-18 09:52 金_玲 阅读(394) 评论(0) 推荐(0)
• 控制文本和外观------Style Binding(Style属性绑定)
  摘要：目的style绑定是添加或删除一个或多个DOM元素上的style值。比如当数字变成负数时高亮显示，或者根据数字显示对应宽度的Bar。（注：如果你不是应用style值而是应用CSS class的话，请参考CSS绑定。）...即使绑定不用动态变化，也需要加入 ko.applyBindings();例子 ... 阅读全文
  posted @ 2015-08-18 08:47 金_玲 阅读(239) 评论(0) 推荐(0)
• html 绑定
  摘要：html 绑定目的html绑定到DOM元素上，使得该元素显示的HTML值为你绑定的参数。如果在你的view model里声明HTML标记并且render的话，那非常有用。例子 参数主参数 KO设置该参数值到元素的innerHTML属性上，元素之前的内容将被覆盖。 如果参数是监控属性observ... 阅读全文
  posted @ 2015-08-17 19:04 金_玲 阅读(461) 评论(0) 推荐(0)
• Text 绑定
  摘要：Text绑定目的Text绑定主要是让DOM元素显示参数值。通常情况下，该绑定在和这样的元素上非常有用，而实际上你可以绑定任何元素。示例12345678Today's message is: 参数主要参数Knockout将参数值设置为元素内容。元素之前的内容将会被覆盖。如果参数是一个observabl... 阅读全文
  posted @ 2015-08-11 19:58 金_玲 阅读(206) 评论(0) 推荐(0)
• Visible 绑定
  摘要：目的Visible绑定通过绑定一个值来确定DOM元素显示或隐藏 You will see this message only when "shouldShowMessage" holds a true value. You will see this message only when ... 阅读全文
  posted @ 2015-08-11 19:35 金_玲 阅读(240) 评论(0) 推荐(0)
• click 绑定（二）带参数的click 事件绑定
  摘要：注1：传参数给你的click 句柄 最简单的办法是传一个function包装的匿名函数： <button data-bind="click: function() { viewModel.myFunction('param1', 'param2') }"> Click me</button> 这样， 阅读全文
  posted @ 2015-08-10 18:59 金_玲 阅读(3985) 评论(0) 推荐(0)
• click 绑定（一）无参数的click 事件绑定
  摘要：目的 click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button，input和连接a上，但是可以在任意元素上使用。 例子 <div> You've clicked <span data-bind="text: numberOfClick 阅读全文
  posted @ 2015-08-10 18:46 金_玲 阅读(486) 评论(0) 推荐(0)
• knockoutJs基础1 - 简单的knockoutjs实现
  摘要：简单的knockoutjs实现 1、knockoutJs是在MVVM的机制下实现的，所以要有view（HTML页面中的DOM标签）和viewModel（JavaScript中的js代码）。 2、在view中通过data-bind进行数据绑定。 3、在js中通过ko.observable()和ko.a 阅读全文
  posted @ 2015-07-29 19:13 金_玲 阅读(226) 评论(0) 推荐(0)