Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/11/2013, 05:00
juandedios
 
Fecha de Ingreso: mayo-2003
Ubicación: Lima
Mensajes: 967
Antigüedad: 21 años
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.