Sweetalert: Wie und wo würde ich ändern, um dem Erfolgsmodal mehrere Schaltflächen hinzuzufügen

Erstellt am 12. Jan. 2016  ·  4Kommentare  ·  Quelle: t4t5/sweetalert

Hey
Beim Erfolgsmodal habe ich mich gefragt, ob es eine Möglichkeit gibt, einige Schaltflächen hinzuzufügen, die dem Benutzer so etwas sagen würden

„Hey, Auftrag erfolgreich erledigt“
„Jetzt können Sie einen der folgenden Schritte ausführen“
"Option1-Link" "Option2-Link" "Option3-Link"

Ich jetzt, das ist nicht das, wofür das Plugin ist, aber wenn ich dieses Plugin optimieren müsste, um ein jsn wie {text:'', link:''} zu akzeptieren, eine Sammlung davon und Schaltflächen entsprechend rendern ... wo würde ich anfangen mit ?

Hilfreichster Kommentar

Ich bin vielleicht etwas spät dran, aber ich hoffe, das kann helfen.

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

Alle 4 Kommentare

AFAIK, das kannst du nicht. Das Zwei-Tasten-System ist im gesamten Skript fest codiert. Es würde eine erhebliche Menge an Änderungen erfordern, damit es funktioniert. Was Sie tun können, ist die HTML-Option zu verwenden, um Ihre eigenen Schaltflächen in den Körper des Modals einzufügen.

Ich habe das zum Laufen gebracht, ein Javascript, das ich korrigieren musste, ist vielleicht nicht der richtige Weg, aber es hat für mich funktioniert. Teilen Sie es hier

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>");
                }
            });
        }

Ich bin vielleicht etwas spät dran, aber ich hoffe, das kann helfen.

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

Das Plugin ist genau das, was ich brauchte, danke für die Info: D

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

rapeflower picture rapeflower  ·  4Kommentare

Lusitaniae picture Lusitaniae  ·  4Kommentare

xgqfrms-GitHub picture xgqfrms-GitHub  ·  4Kommentare

krishnamraju picture krishnamraju  ·  3Kommentare

voodoo6 picture voodoo6  ·  4Kommentare