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 –