如何在Html.CheckBoxFor（）助手中使用Kendo數據綁定屬性

Question

我試圖綁定來自kendo observable的複選框選中值。所有的例子網上顯示的數據綁定的聲明性語法類似屬性：

<div class="demo-section k-content wide"> 
<input type="checkbox" value="Apple" data-bind="checked: isSelected" /> 
</div> 

<script> 
    var viewModel = kendo.observable({ 
     isSelected: false, 
    }); 
kendo.bind($("div.demo-section"), viewModel); 
</script> 

如何綁定（或添加數據，結合）

@Html.Kendo().CheckBoxFor(m => m.data).HtmlAttributes(new {@class="chkbox"}) 

與劍道觀察的檢查值？

我想：

$(".chkbox").kendoCheckBox({ //does kendoCheckBox even exist? 
    checked: viewModel.isSelected 
}) 

和kendo.CheckBoxFor只需要一個參數，所以我不能做：

@Html.CheckBoxFor(m => m.data, new { data_bind = "checked:isSelected" }); 

Answer 1

添加 「data_bind：凡是」 劍道的HtmlAttributes匿名對象.CheckBoxFor（），即

@Html.Kendo().CheckBoxFor(m => m.data).HtmlAttributes(new {@class="chkbox", data_bind = "checked: isSelected"}) 

我已經做了很多次：

<div id="checkBoxDiv"> 
    @Html.Kendo().CheckBoxFor(m => m.BooleanField).HtmlAttributes(new { data_bind = "checked: isBooleanFieldSelected" }) 
    @Html.Kendo().CheckBoxFor(m => m.OtherBooleanField).HtmlAttributes(new { data_bind = "checked: isOtherBooleanFieldSelected" }) 
</div> 

<script> 
    var model = kendo.observable({ 
     isBooleanFieldSelected: true, 
     isOtherBooleanFieldSelected: false 
    }); 
    kendo.bind($("#checkBoxDiv"), model); 
</script>