Expand
Rechercher
UDo
Démarrer
Données
Composants
Workflows
Fondamentaux
Plus
Design
Tutos

Kanban

Le composant kanban vous permet de visualiser l'état d'avancement de tâches dans un tableau

Une card représente la zone de type "tâche" qui va être répétée dans chaque colonnes

Propriétés

Colonnes

Nom Type Description
Largeur Entier Largeur en pixel ou pourcentage ou auto des colonnes du kanban
Espacement - horizontal Entier Espacement en pixel entre chaque colonne
Espacement - vertical Entier Espacement en pixel entre chaque card
Cadre - couleur fond Couleur Couleur de font des colonnes
Rayons des bordures Entier Rayon des bordures des colonnes
Marges internes Entier Marges des cards
Rafraichir à l’initialisation Oui/Non Autorise à rafraichir les données du kanban lors de la 1ère initialisation

Source de donnée

Les sources de donnée disponibles pour le composant kanban sont les suivantes :

  • Une table de BDD : vous pouvez ajouter des filtres et des tris via les options Filtres avancés et Trier

  • Requête SQL : lorsque la source est une requête SQL, vous pouvez alimenter les variables de la requête via l’option Mapping des variables d’entrée

Entêtes/tâches

Dans le volet Données des propriétés du kanban, il vous faut définir une source de donnée pour les Entêtes du kanban ainsi qu’une source de donnée pour les tâches. Les entêtes correspondent au “statut” d’une tâche et forment les colonnes du kanban. Les tâches forment les cards du kanban et sont affichées dans les colonnes correspondant à leur statut

Une fois les deux sources de donnée renseignées, il vous faut définir les champs dans les deux sources de donnée qui vont permettre de faire la jointure entre une tâche et son statut/entête

Exemple :

Coté BDD nous avons deux tables, une table TACHES et une table STATUS avec les données suivantes :

Table TACHES
Table STATUTS

La configuration des sources de donnée est alors la suivante :

Evènements de workflow

Nom Description
Après actualisation Déclenché après récupération des données sur le serveur (en fonction du nombre de ligne à récupérer, cet évènement peu être déclenché après l’évènement “Initialisation”)
Initialisation Déclenché lorsque le composant est initialisé et affiché à l’écran
Après déplacement Déclenché lorsqu’une zone a été déplacé d’une colonne vers une autre ou au sein de la même colonne. Les variables suivantes sont alors disponibles dans le workflow de l’évènement :

CONTENTS
Search Placeholder