0
我有下一个表单。从使用AJAX创建的DataTable加载行信息
本表为一个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);
}
如果u想在编辑的点击u可以使用$(本).closest( “TR”)读取表中的值找到(“TD:EQ(0) “)。文本(); //第一个td $(this).closest(“tr”)。find(“td:eq(1)”)。text(); // 2nd td –