KO框架

最新推荐文章于 2024-03-15 09:30:55 发布

原创最新推荐文章于 2024-03-15 09:30:55 发布 · 878 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何使用KnockoutJS实现动态CSS类绑定，通过一个实例展示如何根据数据变化实时更新元素的样式类。文章包含完整的代码示例及解释。

http://knockoutjs.com/documentation/binding-context.html

MVVM架构~knockoutjs系列之一些异常的总结:
http://www.cnblogs.com/lori/p/3768012.html

张占岭博客园
http://www.cnblogs.com/lori

Knockoutjs实例:
http://web.9sssd.com/js/art/1339

例2：绑定动态CSS类

<div data-bind="css: profitStatus">
   Profit Information
</div>
<script type="text/javascript">
  var viewModel = {
    currentProfit: ko.observable(150000)
  };
  // Evalutes to a positive value, so initially we apply the "profitPositive" class
  viewModel.profitStatus = ko.pureComputed(function() {
    return this.currentProfit() < 0 ? "profitWarning" : "profitPositive";
  }, viewModel);
  // Causes the "profitPositive" class to be removed and "profitWarning" class to be added
  viewModel.currentProfit(-50);
</script>

KnockoutJS-绑定(bindings)-文本和外观控制
http://www.tuicool.com/articles/MbEbIr3