Sweetalert: Comment et où modifierais-je pour ajouter plusieurs boutons sur le succès modal

Créé le 12 janv. 2016 · 4Commentaires · Source: t4t5/sweetalert

Hé
Sur le succès modal, je me demandais s'il y avait un moyen d'ajouter quelques boutons qui indiqueraient à l'utilisateur quelque chose comme

"Hey, le travail est fait avec succès"
"Maintenant, vous pouvez faire l'une des actions ci-dessous"
"Option1-lien" "Option2-lien" "Option3-lien"

Maintenant, ce n'est pas à cela que sert le plugin, mais si je devais modifier ce plugin pour commencer à accepter un jsn comme {text:'', link:''} une collection de celui-ci et rendre les boutons en conséquence ... par où commencerais-je avec ?

Source

yrshaikh

Commentaire le plus utile

J'arrive peut-être un peu tard, mais j'espère que ça pourra t'aider.

https://github.com/andrew-mestas/swalExtend/tree/master

andrew-mestas le 19 juil. 2016

👍8 🎉2 ❤1

Tous les 4 commentaires

AFAIK, vous ne pouvez pas. Le système à deux boutons est codé en dur tout au long du script. Cela nécessiterait une quantité importante de changements pour que cela fonctionne. Ce que vous pouvez faire, c'est utiliser l'option html pour ajouter vos propres boutons dans le corps du modal.

daxpandhi le 15 janv. 2016

J'ai réussi à faire fonctionner cela, certains javascript que je devais corriger, n'étaient peut-être pas la bonne façon de le faire, mais cela a fonctionné pour moi. Partageons-le ici

if (buttons) {
            var className = ".sweet-alert";
            var container = "<div class='sw-btn-container'><div class='buttons'></div></div>";
            $(className).after("h2").append(container);
            var buttonDiv = ".sweet-alert .buttons";
            _.each(buttons, function (item) {
                if (item.url) {
                    $(buttonDiv).append("<a class='confirm' href='" + item.url + "'>" + item.text + "</a>");
                } else if (item.onclick) {
                    $(buttonDiv).append("<a class='confirm' onclick='" + item.onclick + "'>" + item.text + "</a>");
                }
            });
        }

yrshaikh le 25 févr. 2016

J'arrive peut-être un peu tard, mais j'espère que ça pourra t'aider.

https://github.com/andrew-mestas/swalExtend/tree/master

andrew-mestas le 19 juil. 2016

👍8 🎉2 ❤1

Ce plugin est exactement ce dont j'avais besoin, merci pour l'info :D