2016-08-03 2 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>'; 
       } 
      }] 
     }); 
    } 
}); 

잘 작동하지만 사용자가 "연필 버튼"을 클릭하면 행 정보를로드 할 내가 정확히 어떻게하는지 모르겠습니다. 내가 뭘 여기

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

(표는 데이터 테이블입니다)

"(찾을 TD : EQ (0) ").본문(); // 1St td $ (this) .closest ("tr"). find ("td : eq (1)"). text(); // 두 번째 td –

답변

0

것 :

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

editarDatosUsu 방법 : 내가해야 할 유일한 것은이 방법으로 행 정보를로드입니다

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

}); . 유 편집의 클릭 유 $ (이)를 사용할 수 있습니다 .closest ("TR")에 테이블에서 값을 읽으려면

관련 문제