Eu estou usando a grade Telerik Kendo com MVC e C #. Eu tenho uma grade, preenchida com alguns dados e adicionei uma coluna de caixa de seleção - usada para que o usuário possa selecionar todos.

Agora, quando marquei a caixa de seleção "selectAll", todas as caixas de seleção estão marcadas (uma para cada linha), como deveriam ser.

O que eu quero fazer: Eu quero ser capaz de clicar duas vezes em uma linha e ter a chechbox check change - se ela estiver desmarcada, um dbl-click irá verificar e vice-versa.

Além disso, como a grade do Kendo permite ao usuário selecionar muitos (mousedown, arrastar e mouseup - como ao selecionar ícones na área de trabalho), eu gostaria de tê-lo para que quando o usuário fizer essa ação, todas as linhas selecionadas tenham suas caixas de seleção marcadas e, novamente, se já estiverem marcadas, essa ação fará com que as caixas de seleção fiquem desmarcadas.

Detalhes:

Nome da grade: gradeVersão do JQuery: 1.8.3MVC 4Últimas KendoUI

Código para verificar todas as caixas de seleção quando a caixa de seleção "selectAll" está marcada:

$(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");
    });
});

Eu sou um iniciante total com Javascript para qualquer ajuda seria muito apreciada.