2016-11-21 4 views
1

剣道からチェックボックスのチェック値をバインドしようとしています。宣言構文でのオンラインショーデータ-bind属性などのすべての例:私が結合(またはにデータバインドを追加)するにはどうすればよいHendrixのデータバインド属性をHtml.CheckBoxFor()ヘルパーで使用する方法

<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が一つだけの引数を取りますが:剣道のHtmlAttributes匿名オブジェクトに:

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

答えて

2

"何data_bind" を追加します。

:.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> 
+0

Rock on!ありがとうございました – PersyJack

関連する問題