Javascript onclick функция не работает лезвие Laravel - PullRequest
Новая
       18

Javascript onclick функция не работает лезвие Laravel

0 голосов
/ 12 июня 2019

Разработка функции удаления, которая требует подтверждения перед удалением с помощью sweetalert2.Вот мой пробный код 

<button class="btn btn-danger waves-effect" type="button" onclick="book({{ $book->id }})">delete</button>
<form id="delete-form-{{ $book->id }}" action="{{ url('/library/books/', ['id' => $book->id]) }}" method="POST">
    {!! method_field('delete') !!}
    {!! csrf_field() !!}
</form>

А вот мой javascript, который я вставляю в свой мастер-блейд 

<script type="text/javascript">
function book(id) {
    swal({
        title: 'Are you sure?',
        text: "You won't be able to revert this!",
        type: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!',
        cancelButtonText: 'No, cancel!',
        confirmButtonClass: 'btn btn-success',
        cancelButtonClass: 'btn btn-danger',
        buttonsStyling: false,
        reverseButtons: true
    }).then((result) => {
        if (result.value) {
            event.preventDefault();
            document.getElementById('delete-form-'+id).submit();
        } else if (
            // Read more about handling dismissals
            result.dismiss === swal.DismissReason.cancel
        ) {
            swal(
                'Cancelled',
                'Your data is safe :)',
                'error'
            )
        }
    })
}

Использование стека в мастер-блейде 

@stack('customjs')

При нажатии на кнопку удаления выдается ошибка.Ошибка 

books:4 Uncaught ReferenceError: book is not defined
at HTMLButtonElement.onclick (books:4)

Как я могу решить эту проблему и показать сладкое предупреждение перед удалением элемента?

1 Ответ

0 голосов
/ 14 июня 2019

в вашем главном клинке внизу или в заголовке 

@stack('customjs')

В тебе клинок 

@push('customjs')
<script type="text/javascript">
    function book()
    {
        //enter code here
    }
</script>
@endpush

Ваша кнопка 

<button class="btn btn-danger waves-effect" type="button" onclick="book({{ $book->id }})">delete</button>

Если вы используете laravel u, вероятно, используйте jquery, что облегчает процесс.

ваша кнопка 

<button class="btn btn-danger waves-effect clickHandleButton" type="button">delete</button>
<form action="{{ url('/library/books/', ['id' => $book->id]) }}" method="POST">
    {!! method_field('delete') !!}
    {!! csrf_field() !!}
</form>

Ваш JavaScript 

$(document).on('click', '.clickHandleButton', (e) => { //replaces function book()
   $(e.currentTarget).next('form').submit();
   //find the form next to the clicked button and submit the form.
});
...