2013-12-10 85 views
0

我使用Twitter的引導,以創建一個複選框列表。下面是我的模板(寫在標誌):限制選中的複選框的數量與Twitter的引導

.form-group 
    .checkbox 
    label 
     input type="checkbox" Position 
    .checkbox 
    label 
     input type="checkbox" LFP 
    .checkbox 
    label 
     input type="checkbox" Position · LFP 1st PC 
/more... 

我想限制一次可以檢查框的數量。在極限情況下,未經檢查的框應該變成灰色或類似的東西。如果有問題,我在EmberJS的環境下進行,並將Ember操作附加到複選框。我如何設定限制?

回答

1

可以做出一些模型屬性有disabledBinding景色,能趕上changeclick事件(http://emberjs.com/guides/views/handling-events/)發送事件控制器。我想你的複選框值映射到控制器中的模型,所以可以迭代這個模型並設置disabledBinding連接到的屬性。

自定義視圖是nessessary捕事件。禁用是建立 - 只是提供了結合來控制它

+0

其實事件是不是nessessary,你可以在控制器使用'observes'功能上被映射到CheckBox值屬性(http://emberjs.com/api/ classes/Function.html#method_observes) –

+0

感謝Yury,我沒有創建一個視圖,但能夠通過將'disabled'綁定到存儲在控制器屬性中的對象上的屬性來解決此問題,並使用'observes'像你一樣建議。如果您編輯您的答案以反映您的評論並提供簡短的代碼示例,我會接受它。 –