Question

我有数据要在KendoUI网格中显示。有一些布尔数据，我希望它显示为复选框。此外，当用户单击复选框时，我需要执行某些操作，因此我需要每行数据的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'，并添加了以下代码来获取click事件。

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

    });

KendoUI Grid Checkbox单击事件

1 个答案: