2016-08-03 71 views
0

我有下一个表单。从使用AJAX创建的DataTable加载行信息

enter image description here

本表为一个AJAX调用创建,这里是代码:

$.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>'; 
       } 
      }] 
     }); 
    } 
}); 

工作正常,但我想加载行信息,当用户点击“铅笔按钮”和我不知道如何做到这一点。我唯一需要的是该行的信息加载到这个方法:

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

editarDatosUsu方法:

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

如果u想在编辑的点击u可以使用$(本).closest( “TR”)读取表中的值找到(“TD:EQ(0) “)。文本(); //第一个td $(this).closest(“tr”)。find(“td:eq(1)”)。text(); // 2nd td –

回答

0

这里就是我做的:

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

}); 。

(其中表是数据表)