Как использовать Swal.Fire на Onclick Подтвердить - PullRequest
Новая
       9

Как использовать Swal.Fire на Onclick Подтвердить

0 голосов
/ 16 марта 2020

Вот моя кнопка. Вместо того, чтобы использовать макет по умолчанию Подтверждение Onclick, я хочу использовать swal.fire

Всплывающее окно «swal fire» работает, но когда я нажимаю кнопку «Отмена», оно все равно удаляет данные. Как я могу реализовать огонь Swal OnClick? 

 <button type="submit" class="btn btn-sm btn-block btn-danger"  onclick = "return deleteEduc();"><i class="fa fa-trash"></i></button>

вот мой swalfire 

 <script>
        function deleteEduc() {
            const swalWithBootstrapButtons = Swal.mixin({
                customClass: {
                    confirmButton: 'btn btn-success',
                    cancelButton: 'btn btn-danger'
                },
                buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, delete it!',
                cancelButtonText: 'No, cancel!',
                reverseButtons: true
            }).then((result) => {
                if (result.value) {

                    getList();
                } else {
                    return false
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }
            })
        }
    </script>

Перерисовать функцию списка данных 

    <script>
        function getList() {
            setTimeout(
                function () {
                    $.ajax({
                    url: '@Url.Action("Index", "EMP_EDUC", new { id = Model.eMP.lineno })',
                    type: 'get',
                    cache: false,
                    async: true,
                        success: function (result) {

                            Swal.fire(
                                'Good job!',
                                'Your Education has been updated!',
                                'success'
                            )

                        $('#List').html(result);
                    }
                });
                }, 500);
            CloseModal();
        }
</script>
...