jquery Datatable: How can i pass the table row data to an onclick function

Question

I have a datatable that has a delete button, when click the delete button i want to pass the values in the row to my sever to delete and also delete in on the row when the server responds with a success. How can i achieve getting the value of the row to the onclick function and also the tr element so i can delete it.

this is my present code:

model.initDataTable = function () {

    $('#datatables').DataTable({

        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "http://localhost:8080/admin/query/fibre",
            "data": function ( data ) {
                //process data before sent to server.
            }},
        "columns": [
            { "data": "id", "name" : "ID", "title" : "ID"  },
            { "data": "name", "name" : "Name" , "title" : "Name"},
            { "class":"",
                "orderable":      false,
                "data":           null,
                "defaultContent": "<button id='dltBtn' type=\"button\" class=\"btn purple-gradient btn-sm\">Delete</button>"},
            { "class":"",
                "orderable":      false,
                "data":           null,
                "defaultContent": "<button id='viewBtn' type=\"button\" class=\"btn purple-gradient btn-sm\">Delete</button>"},

        ]




    } );


    $('#datatables tbody').on( 'click', '#dltBtn', function () {



    } );




};

Gyrocode.com · Accepted Answer · 2018-07-24 21:49:37Z

2

You need to use class instead of ID for the delete button, for example: btn-delete.

Then use the handler below.

$('#datatables tbody').on('click', '.btn-delete', function (){
   var $row = $(this).closest('tr');
   var data =  $('#datatables').DataTable().row($row).data();

   console.log('data', data);
   console.log('Record ID is', data['id']);

   // Add your code here   

});

answered Jul 24, 2018 at 21:49

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

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

Collectives™ on Stack Overflow

jquery Datatable: How can i pass the table row data to an onclick function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related