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

时间:2016-08-02 15:06:36

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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

    dataBound
  2. 使用附加到ListView $(".ModelCheckBox").click(function () { if (this.checked) { alert("Checked"); } });

    的代理
    <div>