2012-03-11 3 views
5

Мне интересно, возможно ли связать выбранное значение в блоке загрузки btn-группы Twitter с наблюдаемым в knockout.js?knockout.js bind bootstrap btn-group

В моем случае, я связывание группы к 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> 

Любых руководства?

Cheers,

Fergal.

ответ

11

Вот пример того, как это можно сделать:

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

С помощью связывания можно динамически включить «активный» класс включения/выключения на основе выбранной наблюдаемой для каждой кнопки на CSS.

+0

Я люблю этот Джон. Вы подходите к проблеме под углом, который я никогда не видел. Так просто! –

+1

Fiddle не работает (ссылка для нокаута JS возвращается 404). Вот фиксированная версия с использованием Microsoft CDN: http://jsfiddle.net/vu8pk/124/ –

+0

Fiddler сломан – Sanchitos