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 に答える