data-binding - Kendo UI - 如何使用 Kendo MVVM 绑定(bind)选中的属性(属性)并将复选框的单击事件处理到 viewModel

Question

我有一个看起来像这样的页面:

<div data-role="view" id="side-root" data-title="Check-Boxes" data-model="myViewModel">
  <ul data-title="People" data-role="listview" data-bind="source: dsPeople" data-template="person_list_item" data-style="inset"></ul>
</div>
<script id="person_list_item" type="text/x-kendo-template">
  <label>
    <span data-bind="text: firstName"></span> <span data-bind="text: lastName"></span>
<input type="checkbox" data-bind="checked: isChecked, click: clickHandler"/>
  </label>
</script>

现在，绑定(bind)到 isChecked 字段的 MVVM 可以正常工作，但永远不会调用 clickHandler。如果我从数据绑定(bind)值中删除“checked: isChecked”绑定(bind)，则会调用 clickHandler。

我还尝试为复选框设置数据绑定(bind)，例如:

data-bind="checked: isChecked, events: { click: clickHandler }"

具有相同的行为。

这是设计使然，还是我配置有误？

谢谢

Answer 1

尝试改用 change 事件。我遇到了同样的问题并解决了它。我猜你不能数据绑定(bind)到 checked 也绑定(bind)到点击事件。

data-bind="checked: Checked, events: { change: clickHandler}"