knockout.js 绑定引导 btn 组答案

【问题标题】：knockout.js bind bootstrap btn-groupknockout.js 绑定引导 btn 组
【发布时间】：2012-03-28 05:01:30
【问题描述】：

我想知道是否可以将 Twitter 引导广播 btn-group 中的选定值绑定到 knockout.js 中的 observable？

在我的例子中，我将组绑定到一个 observableArray，就像这样

  <div class="btn-group" data-toggle="buttons-radio" data-bind="foreach: myItemTypes">
    <button class="btn active" data-bind="html: Value, Id: Key">${ Description }</button>
  </div>

有什么指导吗？

干杯，

弗格尔。

【问题讨论】：

标签： javascript knockout.js twitter-bootstrap

【解决方案1】：

以下是如何做到这一点的示例：

http://jsfiddle.net/jearles/vu8pk/

通过使用 css 绑定，我们可以根据为每个按钮选择的 observable 动态地打开/关闭“活动”类。

【讨论】：

我喜欢这个约翰。你是从我从未见过的角度来解决问题的。如此简单！
Fiddle 坏了（Knockout JS 引用返回 404）。这是使用 Microsoft CDN 的固定版本：jsfiddle.net/vu8pk/124

【解决方案2】：

另见checkedButtons bindingHandler

【讨论】：