Bind event to element returned to column.template

[Seyfor]

I need column with checkboxes as column content. I found this code.

My template:

{
    field : "Select",
    template: (dataItem) =>
    {
        return `<input type="checkbox" />`;
    }
},

But how can I track when input checked is changed? Is it possible to return JQuery instead of string? I need to react immediately after checked is changed. Example in code I found use another event to check checkboxes checked property.

[Konstantin Dikov]

Hi Matjaž,

You can attach event handler directly to the checkboxes as shown in the following dojo example:

• http://dojo.telerik.com/IXoGe/3

As you will notice, within the dataBound event we are attaching the handlers:

dataBound: function(e){
    e.sender.element.find(".sel").bind("click", checkBoxCheck);
}

You can also add a handler in the input element directly: 

template: "<input type='checkbox' class='sel' onclick='someFunction(this,ev);' />"

Hope this helps.


Regards,
Konstantin Dikov
Telerik by Progress