0
votes

Comment afficher des tags sur pop up? laravel

J'ai une table de page simple dans laquelle je affiche la liste de page, on dirait que ceci.

 Entrez la description de l'image ici p>

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 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 >

problème: strong> p>

MAINTENANT lorsque l'utilisateur clique sur une touche Afficher les balises dans la rangée, je reçois le résultat suivant P>

 Entrez la description de l'image ici p>

Voici comment i Tags d'affichage dans une fenêtre contextuelle lorsque l'utilisateur clique sur la touche Tags Afficher les balises 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">&times;</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>


0 commentaires

3 Réponses :


1
votes

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. Voici exemple de bouton: strong> p> xxx pré>

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">


4 commentaires

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 < Div CLASS = "MODAL FADE" ID = "EXAMPLODALE {{$ page-> ID}}" Tabindex = "- 1" Rôle = "Dialog" Aria-labelledby = "Examplemodallabel" Aria-caché = "vrai">


Ajoutez la page ID de page au bouton Data Attribut Target-Attribut, alors cela fonctionnera.


Comme: Data-Target = "# Examplemodal {{$ page-> id}}"



1
votes

problème avec votre code est-il toujours affiche le premier modal.

Voici la solution: - xxx

une autre solution

Cliquez sur le bouton de la balise Afficher Appeler Ajax et mettre à jour les données en mode modal.


2 commentaires

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 / ...



1
votes

Passez votre identifiant de page dans votre xxx xxx


1 commentaires

Merci pour la réponse mais malheureusement, je reçois la liste vide maintenant :(