Loading

Button on click on dataTable is not firing.

Button on click on dataTable is not firing.

Sharma Raushan

5y776Learn iOS Programming

I have a datatable in mvc

$(document).ready(function () {
$("#tblEmployee").dataTable({
ajax: {
type: "get",
url: "/Employee/GetAllEmployee",
dataType: "json",
dataSrc: ""
},
columns: [{ 'data': 'Id' },
{ 'data': 'Name' },
{ 'data': 'Salary' },
{
'data': 'Id', render: function (data, type, row) {
return ' + row.Id + '>' + 'Edit' + '';
}
},
{
'data': 'Id', render: function (data, type, row) {
return ' + row.Id + '>' + 'Delete' + '';
}
}
]
});
});

Edit click is not firing

$(".btnEdit").Click(function(){
alert("hello");
});

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
it is because dynamically created items are not recognized directly, your button is creating at run time with data
go like shown below
$("#tblEmployee").on('click','.btnEdit',function()

alert("welcome");
)