限制在kendo网格中的多个检查

时间:2013-06-19 15:57:43

标签: grid kendo-ui

我有一个kendo网格,复选框作为列。我想限制对此进行多次检查。即用户必须只能检查一行,不能超过1行。

请帮我解决这个问题。

编辑:

使用clientTemplate生成复选框。我用网格限制了这个列。

     columns.Bound(p => p.FlightNo).HeaderTemplate(" ")
    .ClientTemplate("<input id='checkbox' name='chbox' class='chkbxq' type='checkbox' />").Sortable(false).Filterable(false).Width(50);

由于 Manikandan

1 个答案:

答案 0 :(得分:3)

复选框不是互斥的,因此您需要一些JavaScript代码才能获得所需内容。

假设您的网格标识为grid。您需要以下代码才能删除任何其他复选框。

$("#grid").on("change", "input.chkbxq", function (e) {
    var v = $(this).is(":checked");
    $("input.chkbxq", "#grid").prop("checked", false);
    $(this).prop("checked", v);
});

我的工作是:

  1. 为具有类input
  2. 的任何HTML chkbxq定义处理程序
  3. 获取已检查输入的状态。
  4. 使用类chkbxq
  5. 将任何输入复选框设置为false
  6. 最后将检查输入的状态设置为该值。这是必需的,因为我们已在上一步中删除了它。
  7. 问题:使用分页时不会保留复选框状态,正如您在此处运行的此示例示例中所示:http://jsfiddle.net/OnaBai/eDu3k/2/