2017-07-17 1 views
0

Ich habe DataTable in meinem Projekt verwendet und ich habe eine benutzerdefinierte Spalte mit Bearbeiten und Löschen-Schaltfläche hinzugefügt. Ich bin in der Lage, einzelne Felder zu übergeben, um zu funktionieren. Ist es möglich, während Objekt als Argument zu funktionieren?Kann ich Daten von Datatable an eine Methode auf Schaltfläche Klick-Funktion übergeben

Unten ist mein 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; 
      } 
     } 
    ], 
    }); 
}); 
+0

Was passiert, wenn Sie laufen der obige Code? – markpsmith

+0

es gibt Fehler, undefined .. –

+0

Ich denke, das Problem ist, dass Sie effektiv versuchen, das 'full'-Objekt als Teil des ''-Tags auszudrucken, so müssen Sie' JSON.stringify (full) verwenden ' – markpsmith

Antwort

0

Wie @markpsmith gesagt, haben Sie JSON.stringify(full) zu verwenden und Apostroph statt doppelte Anführungszeichen in Ihrem Code zu verwenden:

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>'; 
Verwandte Themen