我正在使用带有MVC和C#的Telerik Kendo网格.我有一个网格,填充了一些数据,并添加了一个复选框列 - 用于使用户可以选择所有.
现在,当我选中"selectAll"复选框时,将检查所有复选框(每行一个),因为它们应该是.
我想做什么:我希望能够双击一行并让chechbox检查更改 - 如果未选中,则dbl-click将检查它,反之亦然.
此外,由于Kendo网格允许用户选择许多(mousedown,拖动和mouseup - 就像在桌面上选择图标一样),我想拥有它,以便当用户执行此操作时,所有选定的行都有他们的选中复选框,如果已经选中复选框,则此操作将导致复选框变为未选中状态.
细节:
选中"selectAll"复选框时检查所有复选框的代码:
$(document).ready(function () {
var grid = $('#Grid').data('kendoGrid');
grid.thead.find("th:last")
.append($('<input class="selectAll" type="checkbox"/>'))
.delegate(".selectAll", "click", function () {
var checkbox = $(this);
grid.table.find("tr")
.find("td:last input")
.attr("checked", checkbox.is(":checked"))
.trigger("change");
});
});
Run Code Online (Sandbox Code Playgroud)
我是Javascript的初学者所以任何帮助将非常感激.