checkbox - KendoUI 网格复选框单击事件

Question

我有要在 KendoUI 网格中显示的数据。有一些 bool 数据，我希望它显示为复选框。此外，当用户单击复选框时，我需要做一些事情，所以我需要每一行数据的 onclick 事件。如何在 KendoUI 网格中执行此操作？如何为每个复选框指定不同的名称并触发 onclick 事件？我的代码:

 @(Html.Kendo().Grid((IList<M.TS.DomainModel.C>)ViewData["peoplefind"])
  .Name("Grid")
  .Columns(columns =>
  {
      columns.Bound(p => p.FirstName);
      columns.Bound(p => p.LastName);
      columns.Bound(p => p.User).Title("Email");
      columns.Bound(p => p.City);
      columns.Bound(p => p.TimeStamp).Title("Testdate").Format("{0:MM/dd/yyyy}");
      columns.Command(command => command.Custom("Info").Click("showDetails")).Title("Info");
      columns.Bound(p => p.CheckOK).ClientTemplate(
"<input type='checkbox' value= '#= CheckOK #' " +
    "# if (CheckOK) { #" +
        "checked='checked'" +
    "# } #" + 
"/>"
    );

  })
 .Sortable()
  .Scrollable(scr => scr.Height(300))
  .Groupable()
  .Selectable()
  .Pageable()
   .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(20)
    .ServerOperation(false))
    .Resizable(resize => resize.Columns(true))

)

Answer 1

好的，所以我想通了。我在复选框的模板中添加了 class='c-ok' 并添加了以下代码以获取单击事件。

  $('.c-ok').click(function (e) {
        if ($(this).is(':checked')) {
            alert('checked');
            cokclick();
        } else {
            alert('not checked');
        }

    });