Knockout中的绑定问题

时间:2013-03-16 02:52:42

标签: knockout.js

我是淘汰赛的新手。我在不同的场地下有一组按钮。我已将按钮绑定到单个observable以启用或禁用按钮。单击字段集下的按钮时,我只想禁用该字段集下的一组按钮。我如何通过淘汰赛来实现。

我为此here创建了一个小提琴,试图解释我的问题

感谢。

<div data-bind="foreach: items">
<fieldset>
    <ul data-bind="foreach: $data.item">
        <li class="list">
            <input type="button" data-bind="value: $data.title, enable: $root.isEnabled, click: $root.buttonClicked"
            />
        </li>
    </ul>
</fieldset>

1 个答案:

答案 0 :(得分:2)

看看这个working fiddle。希望它能帮助您实现您想要达到的目标。

下面是html代码,请注意我们使用disable绑定来禁用按钮。

  <ul data-bind="foreach: Buttons">
    <li class="list">
       <input type="button" data-bind="value: Title, 
                                       click: $root.SetSelectedButton, 
                                       disable: $root.SelectedButton() === $data"
        />
     </li>
   </ul>

修改

抱歉,我错过了您提到要禁用按钮组的观点。这是另一个小提琴,它是前一个小提琴的下一个版本。在这个小提琴中,您可以启用或禁用按钮组:

Updated working fiddle