J'ai une table de page simple dans laquelle je affiche la liste de page, on dirait que ceci.
Résultat attendu: strong> p> Maintenant, je veux quand un utilisateur clique sur des tags de vue, il doit afficher les balises liées à cette page p> par exemple si un utilisateur clique sur la balise de vue sur la ligne une avec ID 6 doit afficher la balise MAINTENANT lorsque l'utilisateur clique sur une touche Afficher les balises dans la rangée, je reçois le résultat suivant P> Voici comment i Tags d'affichage dans une fenêtre contextuelle lorsque l'utilisateur clique sur la touche Tags Afficher les balises P> TES1 code> dans une fenêtre contextuelle MODALE Si un utilisateur clique sur la balise de visualisation de la ligne une avec ID 7, il doit afficher une balise nommée
Test2 code> dans une fenêtre contextuelle p >
<button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#exampleModal">
{{ __('view tags') }}
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Tag List</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<table class="table">
<thead class=" text-primary">
<th>
ID
</th>
<th>
name
</th>
</thead>
<tbody>
@foreach ($page->tags as $tag)
<tr>
<td>
{{ $tag->tag->id }}
</td>
<td>
{{ $tag->tag->name }}
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
3 Réponses :
Créez-vous votre code modal et votre code de bouton dans la boucle de Foreach?
Si oui - Je ne dis pas que c'est la solution parfaite, mais cela fonctionne. Ce que je pense peut-être le problème, c'est que votre modèle d'ouverture de modèle La cible de la propriété-cible est exacte pour chaque unique. Aussi l'identifiant modal est le même pour chaque rangée. P>
Donc, chaque fois que vous cliquez sur le bouton MODAL OUVERT, il ouvre le premier modal, lequel est celui de votre image. P>
Que Je suggérerais de faire est de faire 1 modal, quel contenu est modifié avec JavaScript lorsque vous cliquez sur le bouton. P>
Si vous ne voulez pas utiliser JavaScript, vous devez ajouter des valeurs uniques à votre carte d'identité modale et de la cible de données de bouton.
Exemple pour les modaux Première ligne: strong> P> <div class="modal fade" id="exampleModal{{$page->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
Salut, maintenant je reçois la liste vide? :(
Dans votre référentiel, vous avez accidentellement mis l'espace entre Examplemodal et {{$ page-> id}} également, il n'y a pas d'identifiant unique sur le bouton. Je posterai un exemple de travail
Ajoutez la page ID de page au bouton Data Attribut Target-Attribut, alors cela fonctionnera.
Comme: Data-Target = "# Examplemodal {{$ page-> id}}"
problème avec votre code est-il toujours affiche le premier modal.
Voici la solution: - strong> p> Cliquez sur le bouton de la balise Afficher Appeler Ajax et mettre à jour les données en mode modal. p> p>
Merci pour la réponse mais malheureusement, je reçois la liste vide maintenant :(
Voici mon référentiel si vous voulez vérifier mon code GITUB.COM/TRONE1986/ROYALAD-DAHSBOARD/BLOB/Master/Resource S / ...
Passez votre identifiant de page dans votre
Merci pour la réponse mais malheureusement, je reçois la liste vide maintenant :(