2016-08-03 8 views
0

Ich habe das nächste Formular.Load Zeileninformationen von DataTable mit AJAX erstellt

enter image description here

Diese Tabelle mit einem AJAX-Aufruf, hier erstellt wird, ist der Code:

$.ajax({ 
    type: 'POST', 
    url: urlServer + "../webserviceURL", //URL del Web Service 
    data: '{"us":"' + sessionStorage.Usuario + '"}', 
    dataType: 'json', 
    contentType: 'application/json', 
    timeout: 600000, 
    error: function (xhr) { 
     lineas += '<tr><th colspan="8" class="text-center">No se encontraron registros de los cursos.</th></tr>'; 
     $('#Tabla6').html(lineas); 
     bootbox.alert("No se pudo cargar los cursos."); 
    }, 
    success: function (data) { 
     $('#Tabla6').dataTable({ 
      "aaData": JSON.parse(data.d), 
      "aoColumns": [{ 
       "mDataProp": "Id" 
      }, { 
       "mDataProp": "Nombre" 
      }, { 
       "mDataProp": "Contraseña" 
      }, { 
       "mDataProp": "Tipo" 
      }, { 
       "mDataProp": "Correo" 
      }, { 
       "mData": "", 
       "bSortable": false, 
       "mRender": function (oObj) { 
        return '<span class="btn btn-success fa fa-edit"></span>'; 
       } 
      }] 
     }); 
    } 
}); 

funktioniert gut, aber ich möchte die Zeileninformationen laden, wenn der Benutzer den „Bleistift Button“ klicken und ich weiß nicht genau, wie man das macht. Das einzige, was ich brauche, ist die Zeile Informationen zu dieser Methode laden:

$('#Tabla6').on('click', '.glyphicon-edit', function() { 
    var id = $(this).attr('data-id'); 
    editarDatosUsu(id); 
}); 

editarDatosUsu Methode:

function editarDatosUsu(id) { 
if ($('#U' + id).length) { 
    var id = $('#U' + id).attr('data-id'); 

    $('#IdUs').val(id); 
    var rev = $('#U' + id + '-1').html(); 
    var pass = $('#U' + id + '-2').html(); 
    var tipo = $('#U' + id + '-3').html(); 
    var mail = $('#U' + id + '-4').html(); 

    $('#user').val(rev); 
    $('#pass').val(pass); 
    $('#tipo').val(tipo); 
    $('#mail').val(mail); 
} 
+0

wenn u aus der Tabelle lesen Werte wollen klicken bearbeiten können u $ (this) .closest ("tr") verwenden, finden ("td: eq (0) ").Text(); // 1St td $ (dies) .closet ("tr"). Find ("td: eq (1)"). Text(); // 2. td –

Antwort

0

Hier ist, was ich tun:

$("#dashboardTable").on('click', '.approveLink', function() { 
    var tableRow = table.row($(this).parents('tr')); 
    var row = $(this).parents('tr'); 
    approveDashboard(tableRow.data().id, row); 

}); .

(wo Tabelle der Datentabelle ist)