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

答えて

0

は私が何をすべきかです:私は必要な唯一のものは、このメソッドに行情報をロードしている

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

});

(表がデータテーブルである場合)

関連する問題