剑道模板复选框不触发点击事件

我使用了如下的剑道模板：

  
 
 #if(ACTIVE_MODELS_COUNT > 0){# #} else {#  #}# 
 
#:MODEL#
 
  

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

 $("#ModelListView").kendoListView({ template: kendo.template($("#Modeltemplate").html()) }); $(".ModelCheckBox").click(function () { if (this.checked) { alert("Checked"); } }); 

Answer 1

最有可能的是，在ListView是数据绑定之前，单击处理程序过早地附加，因此仍然没有呈现的复选框。 你有两个选择 –

1. 在ListView的dataBound事件中执行以下代码。

   http://docs.telerik.com/kendo-ui/api/javascript/ui/listview#events-dataBound

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

2. 使用附加到ListView

   的委托

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