2016-08-03 75 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 $(this).closest(「tr」)。find(「td:eq(1)」)。text(); // 2nd td –

回答

0

這裏就是我做的:

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

}); 。

(其中表是數據表)