7

我有要在 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))

)

4

1 回答 1

8

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

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

    });
于 2013-09-09T08:31:24.307 回答