Différences

Ci-dessous, les différences entre deux révisions de la page.

--- slam4:php:phalcon:td4 [2017/02/27 20:06] – [3.1- Afficher/masquer des éléments] jcheron
+++ slam4:php:phalcon:td4 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 11: / Ligne 11: @@
   - Créer un nouveau projet Phalcon avec les devtools
   - Intégrer la librairie phpMv-UI avec composer
-  - Injectez le service **JQuery** au démarrage de l'application (dans le fichier **services.php**) et instancier **semantic**
+  - Injecter le service **JQuery** au démarrage de l'application (dans le fichier **services.php**) et instancier **semantic**
-  - Intégrez le fichier javascript JQuery dans le fichier views/index.volt [[http://jquery.com/download/|jQuery download]]
+  - Intégrer le fichier javascript JQuery dans le fichier views/index.volt [[http://jquery.com/download/|jQuery download]]
-  - Intégrez Semantic-UI pour la partie présentation
+  - Intégrer Semantic-UI pour la partie présentation
 ===== -- Tests =====
@@ Ligne 19: / Ligne 19: @@
 ==== -- Afficher/masquer des éléments ====
+**Composants à utiliser :**
+  * [[http://phpmv-ui.kobject.net/index/direct/main/54|HtmlCheckbox]]
+  * [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlMessage]] ou [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlSegment]] pour **#zone**
   * Créer la vue **views/test/hideShow.volt** sur le modèle suivant :
@@ Ligne 25: / Ligne 31: @@
   * Créer une action **hideShowAction** incorporant le comportement suivant dans la vue :
     * Sur Changement de valeur de la case à cocher, la div **#zone** s'affiche si la case est cochée, et se masque dans le cas contraire
-==== -- Changement de classe CSS ====
-  * Créer la vue **views/test/changeCss.volt** sur le modèle suivant :
-{{:slam4:php:phalcon:jquery:changecssaction.png?nolink|}}
-  * Créer une action **changeCssAction** incorporant le comportement suivant dans la vue :
-    * Sur Changement dans la liste, la classe Css du bouton prend la valeur de l'élément sélectionné
 ==== -- Requêtes Ajax Get sur event ====
+**Composants à utiliser :**
+  * [[http://phpmv-ui.kobject.net/index/direct/main/33|HtmlButton]] ou [[http://phpmv-ui.kobject.net/index/direct/main/50|HtmlButtonGroups]] pour les boutons
+  * [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlMessage]] ou [[http://phpmv-ui.kobject.net/index/direct/main/38|HtmlSegment]] pour **#pageContent**
   * Créer la vue **views/test/changeCss.volt** sur le modèle suivant :
@@ Ligne 68: / Ligne 73: @@
 ==== -- Requête de récupération de données JSON ====
+**Composants à utiliser :**
+  * [[http://phpmv-ui.kobject.net/index/direct/main/81|DataForm]] ou [[http://phpmv-ui.kobject.net/index/direct/main/83|FormLogin]]
 On ajoute au formulaire précédent la possibilité de récupérer via JSON les données initiales du formulaire à afficher :
@@ Ligne 87: / Ligne 96: @@
   - Effectuer la connexion à la base de données **{{:slam4:php:phalcon:invo.sql|Invo}}**.
-  - Générer le model **Products** correspondant à la table **products** de la base de données (respectant l'encapsulation)
+  - Générer les modèles correspondant aux tables de la base de données (en respectant l'encapsulation, avec getters/setters)
 ==== -- Contrôleur et Vues ====
@@ Ligne 99: / Ligne 108: @@
 <html><div class="note">Les divs <b>#productDetails</b> et <b>#productForm</b> et leur squelette doivent être présents dans la page au chargement de la page index</div></html>
+**Composants à utiliser :**
+  * [[http://phpmv-ui.kobject.net/index/direct/main/81|DataForm]] pour le formulaire
+  * [[http://phpmv-ui.kobject.net/index/direct/main/80|DataElement]] pour l'affichage d'un produit
+  * [[http://phpmv-ui.kobject.net/index/direct/main/79|DataTable]] ou [[http://phpmv-ui.kobject.net/index/direct/main/84|JsonDataTable]] pour la liste des produits
 {{:slam4:php:phalcon:jquery:products.png?nolink|}}