Ramco Ramco

Ramco Ramco

  • 442
  • 3.4k
  • 517k

Refresh DataTable on Update

May 28 2021 4:10 PM
Hi
 
I have below code in Js file. I want when User Update record , datatable should get refreshed.
  1. function Update() {  
  2. var res = validate();  
  3. if (res == false) {  
  4. return false;  
  5. }  
  6. var objLocation = {  
  7. Id: $('#txtId').val().toUpperCase(),  
  8. Description: $('#txtDescription').val().toUpperCase()  
  9. };  
  10. $.ajax({  
  11. url: "/Home/Update",  
  12. data: JSON.stringify(objLocation),  
  13. type: "POST",  
  14. contentType: "application/json;charset=utf-8",  
  15. dataType: "json",  
  16. success: function (result) {  
  17. $('#myModal').modal('hide');  
  18. clearTextBox();  
  19. },  
  20. error: function (errormessage) {  
  21. alert(errormessage.responseText);  
  22. }  
  23. });  
  24. }  
  25. ****************************************************  
  26. $(document).ready(function () {  
  27. $("#tblLocation").dataTable({  
  28. ajax: {  
  29. type: "get",  
  30. url: "/Location/List",  
  31. dataType: "json",  
  32. dataSrc: ""  
  33. },  
  34. paging: true,  
  35. sort: true,  
  36. pageLength: 5,  
  37. searching: true,  
  38. columns: [  
  39. 'data''Id' },  
  40. 'data''Description' },  
  41. {  
  42. "defaultContent"'<input type="button" id="btnEdit" class="btn btn-primary" value="Edit" />'  
  43. }  
  44. ]  
  45. });  
  46. $('body').on('click''[id*=btnEdit]'function () {  
  47. var data = $(this).parents('tr').find('td');  
  48. var id = data.eq(0).html();  
  49. var description = data.eq(1).html();  
  50. $('[id*=txtId]').val(id);  
  51. $('[id*=txtDescription]').val(description);  
  52. $('#myModal').modal("show");  
  53. });  
  54. });  
Thanks

Answers (1)