Foros del Web » Programando para Internet » Jquery »

Lista de registros y mantenimiento con jquery ajax

Estas en el tema de Lista de registros y mantenimiento con jquery ajax en el foro de Jquery en Foros del Web. Hola, estoy haciendo una lista de registros con las opciones de siempre de editar, eliminar bloquear, Los registros se muestran bien, con eso no hay ...
  #1 (permalink)  
Antiguo 24/11/2013, 05:00
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 967
Antigüedad: 20 años, 11 meses
Puntos: 8
Lista de registros y mantenimiento con jquery ajax

Hola, estoy haciendo una lista de registros con las opciones de siempre de editar, eliminar bloquear, Los registros se muestran bien, con eso no hay problema, el problema es cuando quiero usar las opciones de cada registro, sólo me deja usar una de ellas y nada más. Mi js está así:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.    
  3.     $(".bloquear").click(function(e){
  4.         e.preventDefault();
  5.         var idUsu = $(this).attr("href");
  6.         var sep   = idUsu.split("&");
  7.         BootstrapDialog.show({
  8.             message: '¿Desea bloquear este usuario?',
  9.             title: 'Bloquear usuario',
  10.             closable: false,
  11.             buttons: [{
  12.                 label: 'Cancelar',
  13.                 action: function(dialogRef) {
  14.                     dialogRef.close();
  15.                 }
  16.             },{
  17.                 label: 'Aceptar',
  18.                 cssClass: 'btn-primary',
  19.                 action: function(dialogRef) {
  20.                     $.ajax({
  21.                         type: "post",
  22.                         url: "procesos/usuario_bloquear.php",
  23.                         data: {id:sep[1]},
  24.                         success: function(data) {
  25.                             dialogRef.close();
  26.                            
  27.                             var status = $("#message");
  28.                             var opt = data.split("|");
  29.                             if (opt[1] == 0) {
  30.                                 status.removeClass("alert-danger");
  31.                                 status.addClass("alert-success");
  32.                             }
  33.                             else {
  34.                                 status.removeClass("alert-success");
  35.                                 status.addClass("alert-danger");
  36.                             }
  37.                             status.html(opt[0]);
  38.                             status.fadeIn("fast").delay(2000).fadeOut("fast", function(){
  39.                                 $("#tblUsuarios tbody").load('includes/lista_usuarios.php');
  40.                             });
  41.                         }
  42.                     });
  43.                 }
  44.             }]
  45.         });
  46.     });
  47.    
  48.     $(".desbloquear").click(function(e){
  49.         e.preventDefault();
  50.         var idUsu = $(this).attr("href");
  51.         var sep   = idUsu.split("&");
  52.         BootstrapDialog.show({
  53.             message: '¿Desea activar este usuario?',
  54.             title: 'Activar usuario',
  55.             closable: false,
  56.             buttons: [{
  57.                 label: 'Cancelar',
  58.                 action: function(dialogRef) {
  59.                     dialogRef.close();
  60.                 }
  61.             },{
  62.                 label: 'Aceptar',
  63.                 cssClass: 'btn-primary',
  64.                 action: function(dialogRef) {
  65.                     $.ajax({
  66.                         type: "post",
  67.                         url: "procesos/usuario_activar.php",
  68.                         data: {id:sep[1]},
  69.                         success: function(data) {
  70.                             dialogRef.close();
  71.                            
  72.                             var status = $("#message");
  73.                             var opt = data.split("|");
  74.                             if (opt[1] == 0) {
  75.                                 status.removeClass("alert-danger");
  76.                                 status.addClass("alert-success");
  77.                             }
  78.                             else {
  79.                                 status.removeClass("alert-success");
  80.                                 status.addClass("alert-danger");
  81.                             }
  82.                             status.html(opt[0]);
  83.                             status.fadeIn("fast").delay(2000).fadeOut("fast", function(){
  84.                                 $("#tblUsuarios tbody").load('includes/lista_usuarios.php');
  85.                             });
  86.                         }
  87.                     });
  88.                 }
  89.             }]
  90.         });
  91.     });
  92.    
  93.     $(".elminar").click(function(e){
  94.         e.preventDefault();
  95.         var idUsu = $(this).attr("href");
  96.         var sep   = idUsu.split("&");
  97.         BootstrapDialog.show({
  98.             message: '¿Desea eliminar este usuario?. Le recordamos que tambié se eliminará todos los artículos y pedidos relacionados con él.',
  99.             title: 'Eliminar usuario',
  100.             closable: false,
  101.             buttons: [{
  102.                 label: 'Cancelar',
  103.                 action: function(dialogRef) {
  104.                     dialogRef.close();
  105.                 }
  106.             },{
  107.                 label: 'Aceptar',
  108.                 cssClass: 'btn-primary',
  109.                 action: function(dialogRef) {
  110.                     $.ajax({
  111.                         type: "post",
  112.                         url: "procesos/usuario_eliminar.php",
  113.                         data: {id:sep[1]},
  114.                         success: function(data) {
  115.                             dialogRef.close();
  116.                            
  117.                             var status = $("#message");
  118.                             var opt = data.split("|");
  119.                             if (opt[1] == 0) {
  120.                                 status.removeClass("alert-danger");
  121.                                 status.addClass("alert-success");
  122.                             }
  123.                             else {
  124.                                 status.removeClass("alert-success");
  125.                                 status.addClass("alert-danger");
  126.                             }
  127.                             status.html(opt[0]);
  128.                             status.fadeIn("fast").delay(3000).fadeOut("fast", function(){
  129.                                 $("#tblUsuarios>tbody").load('includes/lista_usuarios.php');
  130.                             });
  131.                         }
  132.                     });
  133.                 }
  134.             }]
  135.         });
  136.     });
  137.    
  138. });
Hay una parte en cada una de las opciones que me recarga sólo la table y creo que ahí es donde reside el problema:
Código Javascript:
Ver original
  1. status.fadeIn("fast").delay(2000).fadeOut("fast", function(){
  2.     $("#tblUsuarios tbody").load('includes/lista_usuarios.php');
  3. });
Antes esa parte era asi:
Código Javascript:
Ver original
  1. status.fadeIn("fast").delay(2000).fadeOut("fast", function(){
  2.     location.reload();
  3. });
Pero desde que lo cambié sólo me lo permite hacer una sola vez, que cosa se debe agregar para que todo funcione como debe ser?.

Gracias por su tiempo.
__________________
El aprendiz.

Etiquetas: ajax, lista, mantenimiento, registros
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:22.