AJAX - Agregado de codigo para DataTables

 
Vista:
sin imagen de perfil
Val: 1
Ha aumentado su posición en 11 puestos en AJAX (en relación al último mes)
Gráfica de AJAX

Agregado de codigo para DataTables

Publicado por manuel (1 intervención) el 02/06/2020 02:09:10
Buena tarde,

No cuento con mucho conocimioento en Ajax pero tengo el siguiente codigo de un CRUD, estoy buscando en que parte del codigo agregar funcionalidades para DataTables como agregarle el cambio de idioma, funciones desabilitar la paginacion, ordenamiento, etc.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
$(document).ready(function() {
var id, opcion;
opcion = 4;
 
tablaUsuarios = $('#tablaUsuarios').DataTable({
 
    "ajax":{
        "url": "bd/crud.php",
        "method": 'POST', //usamos el metodo POST
        "data":{opcion:opcion}, //enviamos opcion 4 para que haga un SELECT
        "dataSrc":""
 
    },
    "columns":[
        {"data": "id"},
        {"data": "carga"},
        {"data": "origen"},
        {"data": "destino"},
        {"data": "cliente"},
        {"data": "proveedor"},
        {"data": "unidad"},
        {"data": "cxp"},
        {"data": "cxc"},
        {"defaultContent": "<div class='text-center'><div class='btn-group'><button class='btn btn-primary btn-sm btnEditar'><i class='material-icons'>edit</i></button><button class='btn btn-danger btn-sm btnBorrar'><i class='material-icons'>delete</i></button></div></div>"}
    ]
});
 
 
 
var fila; //captura la fila, para editar o eliminar
//submit para el Alta y Actualización
$('#formUsuarios').submit(function(e){
    e.preventDefault(); //evita el comportambiento normal del submit, es decir, recarga total de la página
    carga = $.trim($('#carga').val());
    origen = $.trim($('#origen').val());
    destino = $.trim($('#destino').val());
    cliente = $.trim($('#cliente').val());
    proveedor = $.trim($('#proveedor').val());
    unidad = $.trim($('#unidad').val());
    cxp = $.trim($('#cxp').val());
    cxc = $.trim($('#cxc').val());
        $.ajax({
          url: "bd/crud.php",
          type: "POST",
          datatype:"json",
          data:  {id:id,carga:carga, origen:origen, destino:destino, cliente:cliente, proveedor:proveedor ,unidad:unidad,cxp:cxp,cxc:cxc,opcion:opcion},
          success: function(data) {
            tablaUsuarios.ajax.reload(null, false);
           }
        });
    $('#modalCRUD').modal('hide');
});
 
 
 
//para limpiar los campos antes de dar de Alta una Persona
$("#btnNuevo").click(function(){
    opcion = 1; //alta
    id=null;
    $("#formUsuarios").trigger("reset");
    $(".modal-header").css( "background-color", "#17a2b8");
    $(".modal-header").css( "color", "white" );
    $(".modal-title").text("Alta de Usuario");
    $('#modalCRUD').modal('show');
});
 
//Editar
$(document).on("click", ".btnEditar", function(){
    opcion = 2;//editar
    fila = $(this).closest("tr");
    id = parseInt(fila.find('td:eq(0)').text()); //capturo el ID
    carga = fila.find('td:eq(1)').text();
    origen = fila.find('td:eq(2)').text();
    destino = fila.find('td:eq(3)').text();
    cliente = fila.find('td:eq(4)').text();
    proveedor = fila.find('td:eq(5)').text();
    unidad = fila.find('td:eq(6)').text();
    cxp = fila.find('td:eq(7)').text();
    cxc = fila.find('td:eq(8)').text();
    $("#carga").val(carga);
    $("#origen").val(origen);
    $("#destino").val(destino);
    $("#cliente").val(cliente);
    $("#proveedor").val(proveedor);
    $("#unidad").val(unidad);
    $("#cxp").val(cxp);
    $("#cxc").val(cxc);
    $(".modal-header").css("background-color", "#007bff");
    $(".modal-header").css("color", "white" );
    $(".modal-title").text("Editar Usuario");
    $('#modalCRUD').modal('show');
});
 
//Borrar
$(document).on("click", ".btnBorrar", function(){
    fila = $(this);
    id = parseInt($(this).closest('tr').find('td:eq(0)').text()) ;
    opcion = 3; //eliminar
    var respuesta = confirm("¿Está seguro de borrar el registro "+id+"?");
    if (respuesta) {
        $.ajax({
          url: "bd/crud.php",
          type: "POST",
          datatype:"json",
          data:  {opcion:opcion, id:id},
          success: function() {
              tablaUsuarios.row(fila.parents('tr')).remove().draw();
           }
        });
    }
 });
 
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder