Question

我有下一个表格。

此表是使用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);
}

Answer 1

这就是我的所作所为：

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

}）;

（其中table是数据表）

从使用AJAX创建的DataTable加载行信息

1 个答案: