2015-04-01 58 views
1

我正在爲我的客戶端viewmodel需要使用KnockoutJS,並且我正在使用FuelUX來對我的組件進行一些樣式化。如何使用knockout綁定初始化FuelUX複選框

我在表單上有幾個複選框,它的值綁定到敲除可觀察對象,但是當頁面加載時檢查複選框綁定時,除非將鼠標懸停在複選框上,否則FuelUX不會將複選框顯示爲被選中。一旦我將鼠標懸停在複選框上,它就會顯示正確的狀態。

淘汰賽的綁定發生在一個準備就緒的功能,所以當檢查狀態應用時,頁面已經加載,所以我認爲這可能是問題。由於某些原因,FuelUX不接受這一改變。

有沒有辦法強制FuelUX刷新複選框的狀態?

+0

您是否找到解決方案?我在這裏有同樣的問題。 – renathy 2015-10-16 14:07:29

回答

2

我知道這是舊的,但我正在尋找別的東西,並遇到它,所以我想我會提供一個解決方案。複選標記是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應用的類相同。

+0

我剛剛更新了FuelUX到最新版本(3.15.12),並有同樣的問題。該解決方案修復了它! – Pawel 2017-04-10 12:54:17

+0

如果在不使用綁定的情況下構建html,只需在檢查初始狀態時將'checked'應用於標籤的類名,然後fuelux將在鼠標懸停發生後接管。 – 2017-09-19 18:04:20