复选框列，获取所选值并传递给控制器

Question

复选框列，获取所选值并传递给控制器

6

我有一个列模板：

columns.Template(@<text></text>).ClientTemplate("<input type='checkbox'   class='checkbox'/>").Title("<input type='checkbox'/>").Width(10).Title("Izbor").HtmlAttributes(new { @onclick = "click", style = "align:center;float:none;text-align:center; font-size:12px; vertical-align: middle;" }).HeaderHtmlAttributes(new { style = "overflow: visible; white-space: normal; text-align:center; font-size:12px; font-weight: bold;" });

我使用以下代码选择行：

function onDataBound(e) {
    $(".checkbox").bind("change", function(e) {
        $(e.target).closest("tr").toggleClass("k-state-selected");
    })
}

如何从表格中选择特定的列（例如Ids），并将它们传递给控制器？

- lazerbrain

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Joe · Accepted Answer

您可以在事件处理程序中访问您网格的后端数据。

    dataBound: function(e) {
      $(".checkbox").bind("change", function(e) {
        var grid = $("#grid").data("kendoGrid");
        var row = $(e.target).closest("tr");
        row.toggleClass("k-state-selected");
        var data = grid.dataItem(row);
        alert(data.ProductID);
      });
    }

要获取所选ID的列表，您可以在点击事件期间跟踪它们，或者在触发事件时收集它们，例如：

    $("#actionButton").click(function(){
      var idsToSend = [];
      var grid = $("#grid").data("kendoGrid")
      var ds = grid.dataSource.view();

      for (var i = 0; i < ds.length; i++) {
        var row = grid.table.find("tr[data-uid='" + ds[i].uid + "']");
        var checkbox = $(row).find(".checkbox");
        if (checkbox.is(":checked")) {
          idsToSend.push(ds[i].ProductID);
        }
      }

      alert(idsToSend);

      //this obviously won't work , but just to illustrate the point.          
      $.post("/whatever", {ids: idsToSend});
    });

edit: demo