剑道模板复选框未触发点击事件答案

【问题标题】：Kendo Template check box not firing click event剑道模板复选框未触发点击事件
【发布时间】：2016-08-02 15:06:35
【问题描述】：

我使用剑道模板如下：

<script type="text/javascript" src="@Url.Content("~/Scripts/Module/Analysis/CreateMaintainAnalysis.js")"></script>
    <script type="text/x-kendo-template" id="Modeltemplate">
        <div class="section group fr">
            <div class="col span_2_of_12">
                #if(ACTIVE_MODELS_COUNT > 0){# <input class="ModelCheckBox"  type="checkbox"  checked/>#} else {# <input class="ModelCheckBox" type="checkbox" unchecked/>  #}#
            </div>
            <div class="col span_4_of_12"><label>#:MODEL#</label></div>
        </div>
      </script>

我想在 CheckBox Click 上写点击事件如下：

$("#ModelListView").kendoListView({
    template: kendo.template($("#Modeltemplate").html())
});

     $(".ModelCheckBox").click(function () {
        if (this.checked) { alert("Checked"); }
         });

【问题讨论】：

标签： javascript jquery kendo-ui kendo-asp.net-mvc kendo-listview

【解决方案1】：

很可能，在 ListView 绑定数据之前，单击处理程序附加得太早，因此仍然没有呈现任何复选框。你有两个选择-

在ListView的dataBound事件中执行下面的代码。

http://docs.telerik.com/kendo-ui/api/javascript/ui/listview#events-dataBound
```
$(".ModelCheckBox").click(function () {
   if (this.checked) { alert("Checked"); }
});
```

使用附加到 ListView <div>的委托

$("#ModelListView").on("click", ".ModelCheckBox", function () {
   if (this.checked) { alert("Checked"); }
});

【讨论】：