Hallo,
Ich habe eine dataTable in einem Bootstrap Modal, diese wird per Ajax geladen. In Spalte 3 habe ich einen Button definiert, ich möchte nun dass bei klick auf diesen Button die Werte aus z.B. Spalte 1 in ein Inputfeld mit der id #name übergeben wird.
Einige Spalten sind nicht sichtbar, enthalten aber auch daten. Auch diese sollten wiederum in andere Inputfelder übergeben werden (beim klicken des Buttons). Meiner Meinung nach würde das wie folgt aussehen, leider funktioniert das nicht wirklich.
MfG. phpCrow
Ich habe eine dataTable in einem Bootstrap Modal, diese wird per Ajax geladen. In Spalte 3 habe ich einen Button definiert, ich möchte nun dass bei klick auf diesen Button die Werte aus z.B. Spalte 1 in ein Inputfeld mit der id #name übergeben wird.
Einige Spalten sind nicht sichtbar, enthalten aber auch daten. Auch diese sollten wiederum in andere Inputfelder übergeben werden (beim klicken des Buttons). Meiner Meinung nach würde das wie folgt aussehen, leider funktioniert das nicht wirklich.
Code:
$(document).ready(function() { var table = $('#table1').DataTable({ 'processing': true, 'serverSide': true, 'pageLength': 10, 'ajax': 'models/processing.php', 'order': [ [2, 'asc'] ], 'language': { 'url': 'models/languages/datatables.de.lang', }, 'columnDefs': [{ 'targets': 3, 'data': null, 'searchable': false, 'orderable': false, 'render': function(data, type, row, meta) { return '<button type="button" class="btn btn-primary btn-edit"><i class="fa fa-pencil"></i></button>'; } }, { 'data': 'state', 'targets': 2, 'render': function(data, type, row) { if (row[2] == 0) { return '<span class="text-success">AKTIV</span>'; } else if (row[2] == 8) { return '<span class="text-danger"><i class="fa fa-trash-o text-danger"></i> INAKTIV</span>'; } } }, { 'targets': [4,5,6,7,8], 'visible': false, 'searchable':true } ], }); $('#table1').on('click', '.btn-edit', function(){ //Hier müsste ich den Wert aus der Tabellenreihe "ziehen" und an die Input ID's einfügen, in dem der Button ist. irgendwie so: $('#name').val(data[1]); }); });
Kommentar