Can I pass data of Datatable to some method on button click function

Question

I used dataTable in my project and I added a custom column to it with edit and delete button. I am able to pass individual fields to function. Is it possible to pass while object as argument to function?

Below is my dataTable code:

<script type="text/javascript">
    var table1;
    $(function(){

        table1 = $('#simpletable').DataTable({
        processing  :true,
        serverSide  :true,
        //table: '#simpletable',
        ajax    :"{{route('shippingPreference.create')}}",
        columns   :[

        // { data: "id" },
        { data: "channel_name" },
        { data: "process_type" },
        { data: "method_name" },
        { data: "market_place_shipping_method_name" },
        {
            sortable: false,
            "render": function ( data, type, full, meta ) {
              console.log(full);
              var actionhtml='<button data-toggle="tooltip" data-placement="top" id="'+full.id+'" title="Remove" type="button" class="btn btn-danger btn-xs" >' +
                    '<i class="fa fa-times-circle" aria-hidden="true"></i></button><a data-toggle="tooltip" data-placement="top" data-original-title="Edit"  class="btn btn-info btn-xs" onclick="callMe('+full+')">'+
                    '<i class="fa fa-edit" aria-hidden="true"></i></a>';
                return actionhtml;
            }
        }
    ],
    } );
 });

I think the problem is that you're effectively trying to print out the full object as part of the <a> tag, so you may have to use JSON.stringify(full) — markpsmith
– markpsmith, Commented Jul 17, 2017 at 10:29

Majid Basirati · Accepted Answer · 2017-07-18 06:16:05Z

1

As @markpsmith told, you have to use JSON.stringify(full) and use single quote instead of double quote in your code:

var actionhtml='<button data-toggle="tooltip" data-placement="top" id="'+full.id+'" title="Remove" type="button" class="btn btn-danger btn-xs" >' +
                    '<i class="fa fa-times-circle" aria-hidden="true"></i></button><a data-toggle="tooltip" data-placement="top" data-original-title="Edit"  class="btn btn-info btn-xs" onclick=\'callMe('+JSON.stringify(full)+')\'>'+
                    '<i class="fa fa-edit" aria-hidden="true"></i></a>';

answered Jul 18, 2017 at 6:16

Majid Basirati

2,9053 gold badges27 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

Can I pass data of Datatable to some method on button click 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