How to check and uncheck all checkboxes in grid

[BitShift]

Im trying to add a feature to an existing app that is using a rather dated Kendo version 2015.3.1111
I need to add a checkbox that when clicked will check or uncheck all checkboxes in the rows.  I'm aware of a newer feature in the 2017+ libraries, but for now we can't update this app.  So with jQuery, Ive looked at several examples, but its all over the place. Help? Examples?
My client and header template

 

columns.Template(@<text></text>).ClientTemplate("<input type='checkbox' id='gridCheckbox'  onclick='handleClick(this);' value='#= LineItemId #'  #= Selected ? 'checked':'' # class='chkbx' />")
           .HeaderTemplate("<input type='checkbox' id='masterCheckBox' onclick='checkAll(this)'/>").Width(50);

 

 

[BitShift]

Not sure if this is the best way or not, but I managed to figure out now

check and un-check all works.  The key line is
$(".chkbx").prop("checked", state);

 

function checkAll(ele) {
    var state = $(ele).is(':checked');
    var grid = $('#StopList').data().kendoGrid;
    $.each(grid.dataSource.view(), function () {
        if (this['Selected'] != state) {
            this.dirty = true;
        }
        this['Selected'] = state;

        $(".chkbx").prop("checked", state);
    });
    //grid.refresh();
}

 

 

[Anton Mironov]

Hello Randel,

Thank you for sharing the approach with the team. This is the recommended way to achieve the desired behavior.

As the issue you were facing is resolved, I will close this ticket thread now.

If future assistance is needed do not hesitate to contact me or the team opening a new ticket.

 

Kind Regards,
Anton Mironov
Progress Telerik