Utiliser une fenêtre modale

Si un utilisateur connecté veut simplement modifier une quantité d’un produit, il pourrait être intéressant de mettre en place une fenêtre modale qui s’afficherait en ne contenant que le nom du produit et la quantité au lieu de lui imposer de passer par la fiche complète du produit.

Le plugin Bootstrap étant déjà en place il est possible d’utiliser son système de gestion des modales.

La première chose à faire est de modifier la vue index.ctp dans /src/Template/Produits pour ajouter un bouton qui affichera la modale.

 Ajoutez le lien suivant :


<?= $this->Html->link(  
                        __("Modifier la quantité"),  
                            ['action' => 'updateNumbers', $produit->id], 
                            ['class' => 'btn btn-success',  
                            'data-toggle' => 'modal',  
                            'data-target' => '#update',  
                          ...
Pour consulter la suite, découvrez le livre suivant :
couv_EP3CAK.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Exporter en CSV
Suivant
Mise en place de règles métier