Symfony 4: afficher des données dynamiques d'un objet à un Modal

m.deye
PHP Symfony

Bonjour,

j'aimerai afficher les données d'un objet dynamiquement dans un popup (modal)

Ce que je fais

L'action details dans mon controller

 /**
     * @Route("admin/dao/{id}/details_dao", name="details_dao")
     */
    public function detailsDAO(MarcheDAO $dao, MarcheDAORepository $repo ){
        $daoDetails= $repo->find($dao);
        return $this->render('admin/dao/liste_dao.html.twig', [
            'doaDetails'=>$daoDetails
        ]); 

    }

le lien vers l'action details

<a data-href="{{ path("details_dao", { 'id': dao.id } ) }}" data-toggle="modal" data-target="#detailsModal" class="fas fa-info-circle fa-1x" title="Détails" style="color:white;"></a>

mon modal 

 <!-- Modal -->

<div  class="modal fade" id="detailsModal" 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">Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">

                <div class="accordion" id="accordionExample">
                    <div class="card" style="background:transparent;">
                        <div class="card-header" id="headingOne">
                            <h2 class="mb-0">
                                <button class="btn btn-ok collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    Détails
                                </button>
                            </h2>
                        </div>

                        <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                            <div class="card-body">

                                Nature :  {{ doaDetails.natureDAO}}<hr> 
                                Type :{{ doaDetails.typeDAO}}<hr>
                                Nom du Marché :  {{ doaDetails.nomMarche}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

Mon script aprés avoir cliquer sur le boutton Détails du modal

$('#detailsModal').on('show.bs.modal', function(e) {
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

mais aprés plusieurs tantatives ce code n'ai pas marché.

Aucune réponse