如何在 Html.CheckBoxFor() 助手中使用 Kendo 数据绑定属性答案

【问题标题】：How to use Kendo data-bind attribute in Html.CheckBoxFor() helper如何在 Html.CheckBoxFor() 助手中使用 Kendo 数据绑定属性
【发布时间】：2016-11-21 23:33:21
【问题描述】：

我正在尝试从 kendo observable 绑定复选框选中值。所有在线示例都以声明性语法显示 data-bind 属性，例如：

<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"})

用 kendo observable 检查值？

我试过了：

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

而 kendo.CheckBoxFor 只接受一个参数，所以我不能这样做：

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

【问题讨论】：

标签： kendo-ui kendo-asp.net-mvc

【解决方案1】：

将“data_bind:whatever”添加到Kendo.CheckBoxFor()的HtmlAttributes匿名对象中，即

@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>

【讨论】：

摇滚吧！谢谢