I am trying to add a checkbox to a kendo grid's group header. This checkbox needs to have it's checked value bound to a function, and a click event bound to a function. However when I click the box, it does not even try to fire the click event. Currently the code I have is this
Grid Group Header template
<script type="text/x-kendo-template" id="group-header-email-checkbox-template">
<input type="checkbox" class="chkdbox emailCheckBox" data-bind="checked: emailSelected("#:value#"), events: {click: onEmailCheck}" /> #:value#
</script>
JS
checkEmail:function(e) {
var me = this;
console.log(e);
},
emailSelected:function(val) {
var me = this;
var email = _.find(me.selectedEmails,
function(e) { return e.name === val }
);
return email;
}
This is being used to build a list of companies to send emails to, where the grid is grouped on the company information.