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.
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
0