Attendez que la “valeur de retour” à partir de Javascript modal
OK, je ne suis pas un JavaScript gourou, et peut-être que je suis encore à penser en termes de logiciel de Bureau de développement, mais c'est ce que je suis en train de réaliser :
- Je suis en utilisant Twitter Bootstrap est Modals
- Dans certains cas, avant qu'une action a lieu, je tiens à le vérifier avec un "Êtes-vous sûr?" (Oui/Non) Boîte De Dialogue Modale.
Question :
- Quelle devrait être la logique interne?
Je veux dire :
- Utilisateur clique sur buttonA (qui a finalement effectue actionA)
- Je veux lancer le modal, d'attente pour l'entrée (l'un des 2 boutons oui/non) et/ou de la transmettre à certains de vérification de routine avant de réaliser(ou pas) actionA
Ce mon code HTML pour le modal (si les boutons de l'être - en quelque sorte - agissant par l'intermédiaire de leur onclick
les routines de javascript?) - notez également que #confirmMessage
va être variable.
<div class="modal fade hide" id="confirmAlert">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3 id="confirmTitle">Are you sure?</h3>
</div>
<div class="modal-body">
<p id="confirmMessage">Body</p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Cancel</a>
<a href="#" class="btn btn-danger">Yes</a>
</div>
</div>
Juste une idée:
- Écrire une fonction comme
checkBeforeExec(message,functionToExec)
- Ensemble
#confirmMessage
de message et Oui " href auxjavascript:functionToExec
- Sens?
Je sais que cela peut sembler un peu confus, mais je ne sais tout simplement pas ce que la plupart javascript de manière conviviale pour ce faire, ce serait...
OriginalL'auteur Dr.Kameleon | 2012-08-13
Vous devez vous connecter pour publier un commentaire.
J'ai créé un gestionnaire de boîte de dialogue autour de modal, avec
confirm
fonction d'assistance qui n'en substance ceci:Aussi, vous devriez faire à la fois l'Annuler et Oui bouton
data-dismiss="modal"
.Ici, un violon, un exemple simple de mon gestionnaire de boîte de dialogue.
Notez que si vous utilisez Bootstrap 3, vous devez ajouter un gestionnaire à l'
hidden.bs.modal
de l'événement au lieu dehidden
.you should make both the Cancel and Yes button
- Cela pourrait ne pas fonctionner si vous arrêter la propagation de l'évènement dans un gestionnaire d'événement. Dans ce cas, utilisezmodal('hide')
en cliquant sur oui.OriginalL'auteur HackedByChinese
Avec jquery, vous pouvez utiliser quelque chose comme
OriginalL'auteur Nick