Can not call javascript from kendo ui grid

Question

I need to call a javascript function from a span tag on kendo ui grid. I've implemented as below, but it isn't work. // Kendoui grid

c.Template(m => { }).ClientTemplate(@"<a><span class='k-icon k-i-plus hide-row-grid'></span></a>");

// Javascript

$('.hide-row-grid').click(function () {
        alert('hide button click');
    });

Please help me resolve it. Thanks

Hi @AnoopJoshi, I don't understand your comment, please explain details for me. — PeaceInMind
– PeaceInMind, Commented Jun 16, 2014 at 4:08
first of all you should enclose the event in $(document).ready(function(){}); If that doesnt work, try with $(document).on("click",".hide-row-grid",function(){}); — Anoop Joshi P
– Anoop Joshi P, Commented Jun 16, 2014 at 4:09
Try with this code $(document).on("click",".hide-row-grid",function(){alert('hide button click');}); — Anoop Joshi P
– Anoop Joshi P, Commented Jun 16, 2014 at 4:11
I use the code: $(document).on("click",".hide-row-grid",function(){alert('hide button click');}); and it works. Thanks @AnoopJoshi. — PeaceInMind
– PeaceInMind, Commented Jun 16, 2014 at 4:13

Anoop Joshi P · Accepted Answer · 2014-06-16 04:15:41Z

1

USe event delegation for binding events to dynamically creating objects,

$(document).on("click", ".hide-row-grid", function () {
    alert('hide button click');
});

answered Jun 16, 2014 at 4:15

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1