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:eq(1)")。text(); // 2番目のtd –