0
votes

Passer des données en mode modal avec Laravel

J'essaie de transmettre des données à un modal de Laravel. J'ai créé la lame foreach and modal et la jQuery dans un fichier séparé. Le modal s'ouvre mais cela ne transmet pas les données. Je pense que mon erreur est en jQuery.

code de lame strong> p> xxx pré>

JQuery Code strong> P>

$('#show').on('show.bs.modal', function (event) {
    var button =(event.relatedTarget)
    var title = button.data('mytitle')
    var modal = $(this)
    modal.find('.modal-title, #title').val(title)
});

laravel jquery modal-dialog

0 commentaires

4 Réponses :

1
votes

Vous devez ajouter des données avant l'attribut mytitle.

<button type="button" class="btn btn-primary" data-mytitle={{$lesson->title}} data-target="#show" data-toggle="modal">
  Start Lesson
</button>

0 commentaires

0
votes

Essayez avec celui-ci:

$('#show').on('show.bs.modal', function (event) {
    $(this).find('.modal-title').load($(event.relatedTarget).attr('data-mytitle'));
});

2 commentaires

Vous pouvez essayer de déboguer ce qui suit: $ ('# show'). Sur ('show.bs.modal', fonction (événement) {$ (this) .find ('. Titre modal'). AddClass ("Test classe "); alerte ($ (Event.RelatedTarget) .attr ('Data-Mytitle'));});

Je l'ai essayé et ça n'affiche rien. Je continue à obtenir un modal vide

1
votes

Voici comment je l'ai résolu:

Lame - vue xxx

dans le fichier JS xxx / p>

0 commentaires

0
votes

Créer un modal pour chaque enregistrement que vous avez, vous pouvez le faire en donnant à chaque modal un identifiant unique.

Par exemple: P>

<a class="btn btn-info" role="button" data-toggle="modal" data-target="#modal-delete-{{ $item->id }}">Delete</a>

<div class="modal fade" id="modal-delete-{{ $item->id }}" tabIndex="-1"></div>

0 commentaires