如何使用敲除绑定初始化FuelUX复选框

Question

我正在使用KnockoutJS来满足我的客户端视图模型需求，并且我使用FuelUX来构建我的组件。

我在表单上有几个复选框，其值绑定到knockout observable，但是当在页面加载时选中复选框绑定时，FuelUX不会显示复选框被检查，除非我将鼠标悬停在复选框上。一旦我将鼠标悬停在复选框上，它就会显示正确的状态。

敲除绑定发生在就绪函数中，因此在应用选中状态时页面已经加载，所以我认为这可能是问题所在。出于某种原因，FuelUX没有发现这种变化。

有没有办法强制FuelUX刷新复选框的状态？

Answer 1

我知道这已经过时了，但我正在寻找别的东西而且遇到了它，所以我想我会提供一个解决方案。复选标记是Fuel UX中标签元素的一部分。所以你可以这样做：

<label class="checkbox-custom" data-initialize="checkbox" data-bind="css: { checked: paid }">
    <input id="Paid" type="checkbox" data-bind="checked: paid">
    <span class="checkbox-label">Paid</span>
</label>

注意标签上的data-bind？选中此复选框后，这将应用CSS类'checked'。这与Fuel UX应用的类相同。