DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

  • Présentation
  • Champs pris en compte par le Drag and Drop programmé
  • Principe
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
Le "Drag and Drop" programmé permet de gérer entièrement le "Glisser/Déplacer" entre différents types de champs. En fonction de son type, le champ peut être source ou cible du "Drag and Drop".
Cette page d'aide présente :
Des exemples détaillés d'utilisation du Drag and Drop programmé sont disponibles :
Champs pris en compte par le Drag and Drop programmé
WEBDEV - Code NavigateurPHP Les champs pris en compte par le Drag and Drop programmé sont les suivants (source et cible) :
  • Champ de saisie
  • Champ Libellé
  • Bouton
  • Liste
  • Image
  • Champ d'affichage formaté
  • Combo
  • Lien
  • Cellule
  • Superchamp
  • Modèle de champs
Remarques :
  • Le champ Upload peut également être cible d'un Drag and Drop programmé.
  • Actuellement, seuls FireFox et Chrome gèrent pleinement le Drag and Drop par HTML 5. Si les nouvelles versions des différents navigateurs intègrent la gestion du Drag and Drop par HTML 5, cette fonctionnalité sera automatiquement gérée par WEBDEV.
Principe
Pour réaliser un "Drag and Drop" programmé entre plusieurs champs d'une application WINDEV ou d'un site WEBDEV :
  1. Dans le code d'initialisation du champ source :
    • Définissez qu'un "Drag and Drop" programmé va être réalisé (propriété DnDSource).
    • Définissez la procédure exécutée lors du début de l'action "Glisser" (fonction DnDEvénement pour l'événement dndDébutGlisser).
  2. Dans le code d'initialisation du champ cible :
    • Définissez qu'un "Drag and Drop" programmé va être réalisé (propriété DndCible).
    • Définissez la procédure exécutée lors du survol du champ (DnDEvénement pour l'événement dndSurvol). Dans cette procédure, il est possible de définir le curseur de la souris avec la fonction DnDCurseur.
    • Définissez la procédure exécutée lors du "lâcher" sur le champ (DnDEvénement pour l'événement dndLâcher).
  3. Dans chacune des procédures WLangage appelées, définissez l'action à exécuter grâce aux fonctions "Drag and Drop" du WLangage.
Liste des exemples associés :
Drag and drop Exemples unitaires (WINDEV) : Drag and drop
[ + ] Utilisation du Drag & Drop (Glisser & Déposer) avec les fonctions WLangage.

Dans cet exemple, nous abordons deux thèmes principaux :
1/ Comment gérer le Drag&Drop entre champs WINDEV
2/ Comment gérer le Drag&Drop de l'Explorateur de fichiers de Windows vers un champ WINDEV

Le Drag & Drop permet de déplacer des objets par l'intermédiaire de la souris. Lorsqu'on clique sur un objet, puis qu'on déplace la souris tout en maintenant le bouton gauche enfoncé, il s'agit du "Drag". Lorsqu'on relâche le bouton gauche, il s'agit du "Drop".
Le Drag & Drop est utilisable avec WINDEV sur  les champs Liste, Arbre, Table et Image.
Les fonctionnalités de Drag And Drop HTML5 Exemples unitaires (WEBDEV) : Les fonctionnalités de Drag And Drop HTML5
[ + ] Utilisation des fonctionnalités de Drag n Drop HTML 5 dans un site WEBDEV.
Version minimum requise
  • Version 9
Documentation également disponible pour…
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire