DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Table
  • Présentation
  • Différences entre un champ Table Serveur + AJAX et un champ Table Serveur
  • Différences au niveau de l'utilisation
  • Différences au niveau de la programmation
  • Différences au niveau des types de colonnes disponibles
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Les champs Table peuvent être 100% AJAX.
Voici les différentes fonctionnalités disponibles dans les champs Table en mode "Serveur + AJAX" :
Les colonnes sont redimensionnables.
Il est possible d'effectuer des recherches dans le champ via la loupe.
Les colonnes sont triables.
Le fond du bandeau de sélection peut correspondre à une image.
Un ascenseur remplace automatiquement la réglette.
Les cellules du champ Table peuvent être en saisie.
Les lignes du champ Table sont en multisélection.
Les colonnes peuvent être ancrées.
Le champ Table peut avoir un ascenseur horizontal.
Autres fonctionnalités :
  • Si un traitement est long, un sablier s'affiche automatiquement.
  • Gestion automatique d'un "cache" (fetch partiel) qui ne charge que les données nécessaires à l'affichage et au parcours fluide à vitesse humaine.
Différences entre un champ Table Serveur + AJAX et un champ Table Serveur

Différences au niveau de l'utilisation

  • la sélection de ligne :
    • En mode AJAX : Il est possible de sélectionner une ou plusieurs lignes à l'aide de la souris.
    • En mode non AJAX : Pour sélectionner une ligne, il est nécessaire d'utiliser une colonne de type sélecteur (option "Avec sélecteur" sélectionnée dans l'onglet "Détail" de la fenêtre de description du champ Table) ou une colonne de type texte avec l'option "Lien" activée (onglet "Détail" de la fenêtre de description de la colonne). La multisélection n'est pas disponible.
  • la saisie dans le champ Table :
    • En mode AJAX : Il est possible de saisir des valeurs dans les différentes cellules du champ Table.
    • En mode non AJAX : Il n'est pas possible de saisir des valeurs dans les différentes cellules du champ Table.
  • le nombre de lignes affichées :
    • En mode AJAX : Le nombre de lignes affichées correspond au nombre maximum de lignes pouvant être affichées dans le champ Table.
    • En mode non AJAX : Le nombre de lignes affichées correspond au nombre de lignes spécifiées dans la description du champ Table ou par programmation (propriété NbLignesParPage).
  • la visualisation des lignes du champ Table :
    • En mode AJAX : La visualisation des différentes lignes du champ Table s'effectue grâce à l'ascenseur vertical.
    • En mode non AJAX : La visualisation des différentes lignes du champ Table s'effectue grâce à une réglette.
  • les colonnes :
    • En mode AJAX : Les colonnes sont triables, redimensionnables et peuvent être ancrées. Il est possible d'effectuer des recherches dans le champ Table via la loupe.
    • En mode non AJAX : Les colonnes ne sont ni triables ni redimensionnables ni ancrables. Il n'est pas possible d'effectuer des recherches dans le champ Table.

Différences au niveau de la programmation

Les événements serveur d'un champ Table AJAX s'exécutent automatiquement en mode AJAX.
En mode AJAX, les événements associés au champ Table sont les suivants :
  • Initialisation (code serveur).
  • Fin d'initialisation (code serveur).
  • Sélection d'une ligne de la table (code serveur).
  • Affichage d'une ligne (code serveur).
  • Clic de table (code navigateur).
  • Sortie d'une ligne (code serveur).
  • Sélection d'une ligne (code navigateur).
En mode non AJAX, les événements associés au champ Table sont les suivants :
  • Initialisation (code serveur).
  • Fin d'initialisation (code serveur).
  • Sélection d'une ligne de la table (code serveur).
  • Affichage d'une ligne (code serveur).
  • Clic de table (code navigateur).
  • Sortie d'une ligne (code serveur).
En mode AJAX, les événements associés aux colonnes du champ Table sont les suivants :
  • Initialisation (code serveur).
  • A chaque recherche avec la loupe (code serveur).
En mode non AJAX, seul l'événement "Initialisation (code serveur)" est disponible.

Différences au niveau des types de colonnes disponibles

Les types de données pouvant être affichés dans une colonne d'une Table AJAX sont les suivants :
  • Texte
  • Monétaire
  • Heure
  • Numérique
  • Date
  • Liste de valeurs (combo)
    PHP Ce type de données n'est pas disponible.
  • Durée
  • Interrupteur
  • Image
Les types de données pouvant être affichés dans une colonne d'un champ Table non AJAX sont les suivants :
  • Texte
  • Monétaire
  • Heure
  • Numérique
  • Date
  • Liste de valeurs (combo)
    PHP Ce type de données n'est pas disponible.
  • Durée
Liste des exemples associés :
Le champ Table Ajax Exemples unitaires (WEBDEV) : Le champ Table Ajax
[ + ] Utilisation des tables Ajax.
Cet exemple permet de :
- Accéder au contenu d'un élément de la table en code navigateur
- Vider la table
- Remplir la table
- Sélectionner une ligne
- Trier la table
- Supprimer la ligne sélectionnée
Le champ Table Ajax en PHP Exemples unitaires (WEBDEV) : Le champ Table Ajax en PHP
[ + ] Utilisation des tables Ajax en PHP. Les points suivants sont abordés :
- Accès au contenu d'un élément de la table en code navigateur (Utilisation de la fonction AjaxExécuteAsynchrone)
- Suppression du contenu de la table
- Remplissage de la table
- Sélection d'une ligne
- Suppression d'une ligne
Version minimum requise
  • Version 11
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 23/06/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale