如何在 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"})

用 kendo 可观察到的检查值？

我试过了：

$(".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: 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>

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

How to use Kendo data-bind attribute in Html.CheckBoxFor() helper

kendo-ui

kendo-asp.net-mvc