Sweetalert: Como e onde eu modificaria para adicionar vários botões no modal de sucesso

Criado em 12 jan. 2016  ·  4Comentários  ·  Fonte: t4t5/sweetalert

Ei
No modal de sucesso, eu queria saber se havia uma maneira de adicionar alguns botões que diriam ao usuário algo como

'Ei, trabalho feito com sucesso'
'Agora você pode fazer um dos abaixo"
"Opção1-link" "Opção2-link" "Opção3-link"

Agora não é para isso que serve o plugin, mas se eu tivesse que ajustar este plugin para começar a aceitar um jsn como {text:'', link:''} uma coleção dele e renderizar botões de acordo ... por onde eu começaria com ?

Comentários muito úteis

Posso estar um pouco atrasado, mas espero que isso possa ajudar.

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

Todos 4 comentários

AFAIK, você não pode. O sistema de dois botões é codificado em todo o script. Isso exigiria uma quantidade significativa de mudanças para fazê-lo funcionar. O que você pode fazer é usar a opção html para adicionar seus próprios botões no corpo do modal.

Consegui fazer isso funcionar, alguns javascripts que tive que acertar, podem não ser a maneira correta de fazer isso, mas funcionou para mim. Compartilhando aqui

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

Posso estar um pouco atrasado, mas espero que isso possa ajudar.

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

Esse plugin é exatamente o que eu precisava, obrigado pela informação :D

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

rafatux picture rafatux  ·  5Comentários

xgqfrms-GitHub picture xgqfrms-GitHub  ·  4Comentários

Untit1ed picture Untit1ed  ·  5Comentários

blackrosezy picture blackrosezy  ·  6Comentários

fracz picture fracz  ·  4Comentários