jConfirm alerte - jQuery plug-in
-
09-10-2019 - |
Question
Am jConfirm pour la confirmation de l'utilisateur.
Mon premier arrêt ne marche pas jConfirm 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?
La solution
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 est sorti de la fonction de function(ans) { ... }
, alors vous voudrez probablement quitter tout le gestionnaire, à savoir $("#UpdateJobHandler").click(function () { ... }
. Si oui, vous devez faire semblable à ce que vous faites ci-dessous - à savoir mettre la chose en function(ans) { ... }
, après le retour. Probablement mieux pour se séparer en 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 de success
.
Un autre exemple, vous pouvez réécrire le contrôle de Instances
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 utile à quelqu'un de lire dans l'avenir