avviso jConfirm - plugin jQuery
-
09-10-2019 - |
Domanda
Am jConfirm la conferma dell'utente.
La mia prima tappa jConfirm pretende molto per l'azione dell'utente e passa solo per il prossimo.
Il mio codice:
$(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;
}
});
}
});
}
}
});
});
});
Che cosa mi manca?
Soluzione
Non so se questo è tutto, ma questa parte:
if (JobHander.MaxInstances == 0) {
jConfirm('Continue?', 'Current Maximum Instances', function (ans) {
if (!ans)
return;
});
}
probabilmente non fare quello che vuoi. Si esce dalla funzione di function(ans) { ... }
, mentre probabilmente si desidera uscire tutta gestore, vale a dire $("#UpdateJobHandler").click(function () { ... }
. Se è così, si avrebbe bisogno di fare simile a quello che fate qui sotto - vale a dire mettere il tutto in function(ans) { ... }
, dopo il ritorno. Probabilmente la cosa migliore per separare in funzioni più piccole.
EDIT: Qualcosa in questo senso:
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();
}
});
}
Si può fare cosa simile per tutte le funzioni success
.
Un altro esempio, è possibile riscrivere il controllo Instances
in questo modo:
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();
}
});
}
Importante -. Rinominare i metodi (afterContinue
, afterInstances
, ...) per avere qualche nome che significa qualcosa di utile a qualcuno leggendo questo in futuro