Qodly Studio pour 4D : Passer d’une datatable à un composant Matrix pour ajouter des actions
Ce billet de blog prolonge la session « Datatable & CRUD operations » d’Ayoub, en se concentrant sur le composant Matrix de Qodly Studio.
Utilisé comme élément d’interface dynamique, Matrix affiche efficacement un ensemble de composants Stylebox. Ce composant trouve une application directe dans l’affichage de galeries de produits/contacts, des fils d’actualité ou encore de l’affichage de profils d’utilisateurs.
Tout sur les tables de données (et les opérations CRUD)
Bienvenue dans cette nouvelle session dédiée au tableau de données de Qodly Studio ! Pour commencer, si vous êtes nouveau chez Qodly, n’oubliez pas de consulter notre vidéo initiale, qui offre un guide complet pour démarrer !
Qodly Studio en action avec ces 3 démos
Dans ces précédents articles de blog, nous avons annoncé la disponibilité de Qodly Studio (actuellement en version developer preview) pour tous nos partenaires silver (et plus). Nous vous avons également donné les premières étapes pour démarrer avec l’outil.
C’est maintenant le moment idéal pour se plonger dans l’outil et l’expérimenter en réalisant des démonstrations concrètes !
Depuis des années, nous proposons des guides HDI (How Do I?) pour vous aider à découvrir les nouvelles fonctionnalités. Mais aujourd’hui, alors que nous nous aventurons dans cette nouvelle ère du développement web, nous avons trouvé un nouveau terme pour ces démonstrations : PIQS, abréviation de Play In Qodly Studio.
Mieux encore, nous continuerons à fournir de telles démonstrations pour les fonctionnalités actuelles et futures de Qodly. Cela signifie que vous aurez des conseils quotidiens pour maîtriser Qodly Studio !
Alors, retroussons nos manches et commençons tout de suite à explorer !
Démarrer avec Qodly Studio
Dans un précédent billet de blog, nous avons dévoilé notre nouvelle offre 4D – Qodly Studio (actuellement en avant-première pour les développeurs), une solution puissante qui cible les applications d’entreprise complexes et complètes. Entièrement intégrée à 4D, elle permet à votre serveur 4D d’héberger votre application en parallèle en tant qu’application de bureau ou web. De plus, vos clients n’ont pas besoin d’installation ou d’assistance supplémentaire.
Cet article explique plus en détail pourquoi Qodly Studio est important pour les développeurs 4D. Nous avons également des ressources précieuses à partager, comme de la documentation, des guides et des tutoriels vidéo qui vous aideront à maîtriser Qodly Studio.
N’oubliez pas de les mettre dans vos favoris pour pouvoir vous y référer facilement !
C’est parti !
4D for Mobile Tutoriel – Choisir un contrôle de saisie
Les formateurs vous permettent de formater les données affichées ou de définir le comportement lorsque l’utilisateur touche les données. Les contrôles de saisie suivent le même principe. Ils vous permettent de sélectionner le type de clavier, de définir le comportement ou de formater les données dans un formulaire d’action.
Par exemple, pour les données d’image, vous avez par défaut deux types de contrôle, le premier vous permet de sélectionner une image ou de prendre une photo, et le second affiche une zone pour signer.
Il existe 3 types de contrôles de saisie :
4D for Mobile Tutoriel – Créer des actions
Les actions permettent aux utilisateurs d’interagir avec l’application pour changer l’adresse du client, ajouter un nouveau contact et modifier une photo.
Dans le langage 4D, une action permet d’ajouter, de modifier et de supprimer une entité ou une entité de sélection. Mais aussi, elle peut simplement exécuter une méthode de votre serveur 4D.
4D for Mobile Tutoriel – Inclure les relations
Les données de votre application sont liées entre elles par deux types de relations : Many to One ou One to Many.
Dans cet article de blog, nous allons vous montrer comment inclure des relations. Avec 4D for Android et 4D for iOS, vous pouvez facilement naviguer entre vos données liées. Nous générons automatiquement la transition entre les vues dans votre application.
4D for Mobile Tutoriel – Utilisation des formateurs
Un formateur de données vous permet de faire correspondre un type de données de votre base de données à un affichage spécifique du côté mobile. Par exemple, vous pouvez définir un format de date, de pourcentage ou de devise. Les formateurs de données peuvent également appeler du code pour créer des interfaces intelligentes.
Par exemple, vous pouvez associer un formateur de données à des numéros de téléphone qui ouvrent un menu action sur l’application mobile lorsque l’utilisateur touche le numéro (par exemple, pour appeler la personne ou l’enregistrer dans ses contacts).
Vous disposez de trois types de formateurs :
4D for Mobile Tutoriel – Trier la vue de liste
Pour faciliter l’utilisation d’une application, les données présentées à l’utilisateur sont généralement triées par ordre alphabétique, chronologique ou une combinaison de plusieurs critères.
4D for Android et 4D for iOS vous permet de définir plusieurs tris pour chaque vue de liste.
4D for Mobile Tutoriel – Définir des requêtes de filtre
Pour une application mobile, les données sont généralement filtrées pour préserver l’espace de stockage et fournir un accès direct et rapide aux données essentielles.
Avec 4D, vous disposez de deux types de filtres.
- Un filtre statique pour filtrer les données d’un tableau. Par exemple, limiter aux tâches dont le statut est « en cours ».
- Un filtre dynamique qui dépend des informations de l’utilisateur. Par exemple, renvoyer uniquement les tâches de l’utilisateur.
Ce tutoriel vous montrera comment utiliser et combiner ces deux filtres.
Nous contacter
Vous avez une question, une suggestion ou vous voulez simplement entrer en contact avec les blogueurs 4D ? Envoyez-nous un message !
* Votre vie privée est très importante pour nous. Veuillez cliquer ici pour consulter notre Politique