2010-12-07 2 views
0

Am j Confirmez la confirmation de l'utilisateur.jConfirmer l'alerte - plugin jQuery

Mon premier jConfirm ne s'arrête pas pour l'action de l'utilisateur et passe juste à côté.

Mon code:

$(function() { 

    $("#UpdateJobHandler").click(function() { 

     var JobHander = getJobHandler(); 
     if (JobHander.MaxInstances == 0) { 
       jConfirm('Continue?', 'Current Maximum Instances', function (ans) { 
        if (!ans) 
         return; 
       }); 
     } 

     var json = $.toJSON(JobHander); 

     $.ajax({ 
      url: '../Metadata/JobHandlerUpdate', 
      type: 'POST', 
      dataType: 'json', 
      data: json, 
      contentType: 'application/json; charset=utf-8', 
      success: function (data) { 

       var message = data.Message; 
       var alertM = data.MessageType; 
       if (alertM == 'Error') { 
        $("#resultMessage").html(message); 

       } 

       if (alertM == 'Success') { 
        $("#resultMessage").empty(); 
        alert(alertM + '-' + message); 
        action = "JobHandler"; 
        controller = "MetaData"; 
        loc = "../" + controller + "/" + action; 
        window.location = loc; 
       } 

       if (alertM == "Instances") { 
        jConfirm(message, 'Instances Confirmation?', function (answer) { 
         if (!answer) 
          return; 
         else { 
          var JobHandlerNew = getJobHandler(); 
          JobHandlerNew.FinalUpdate = "Yes"; 
          var json = $.toJSON(JobHandlerNew); 
          $.ajax({ 

           url: '../Metadata/JobHandlerUpdate', 
           type: 'POST', 
           dataType: 'json', 
           data: json, 
           contentType: 'application/json; charset=utf-8', 
           success: function (data) { 

            var message = data.Message; 
            $("#resultMessage").empty(); 
            alert(alertM + '-' + message); 
            action = "JobHandler"; 
            controller = "MetaData"; 
            loc = "../" + controller + "/" + action; 
            window.location = loc; 
           } 
          }); 
         } 
        }); 
       } 
      } 
     }); 
    }); 
}); 

Qu'est-ce que je suis absent?

Répondre

2

Je ne sais pas si cela est, mais cette partie:

if (JobHander.MaxInstances == 0) { 
      jConfirm('Continue?', 'Current Maximum Instances', function (ans) { 
       if (!ans) 
        return; 
      }); 
    } 

ne probablement pas ce que vous voulez. Il quitte la fonction function(ans) { ... }, alors que vous voulez probablement quitter le gestionnaire entier, c'est-à-dire $("#UpdateJobHandler").click(function() { ... }. Si tel est le cas, vous devrez faire la même chose que ce que vous faites ci-dessous - c'est-à-dire mettre le tout dans function(ans) { ... }, après le retour. Probablement préférable de séparer en plus petites fonctions.

EDIT: Quelque chose le long de ces lignes:

function afterContinue() { 
     var json = $.toJSON(JobHander); 

     $.ajax({ 
      // ... all other lines here ... 
     }); 
    } 

    if (JobHander.MaxInstances == 0) { 
      jConfirm('Continue?', 'Current Maximum Instances', function (ans) { 
       if (ans) { 
        afterContinue(); 
       } 
      }); 
    } 

Vous pouvez faire des choses similaires pour toutes les fonctions success.

Un autre exemple, vous pouvez réécrire l'Instances vérifier comme ceci:

  function afterInstances() { 
         var JobHandlerNew = getJobHandler(); 
         JobHandlerNew.FinalUpdate = "Yes"; 

         // ... and everything under else branch ... 
      } 

      if (alertM == "Instances") { 
       jConfirm(message, 'Instances Confirmation?', function (answer) { 
        if (answer) { 
         afterInstances(); 
        } 
       }); 
      } 

Important - renommer les méthodes (afterContinue, afterInstances, ...) d'avoir un nom qui signifie quelque chose d'utile à quelqu'un dans la lecture de ce l'avenir.

+0

Merci icyrock, Pouvez-vous s'il vous plaît montrer un peu d'échantillon en le décomposant en fonctions plus petites. – Sreedhar

+0

@Nev_Rahd Voir la modification. –