Comment le faire ?

1. Création du projet WEBDEV.
2. Préparation des pages WEBDEV à afficher dans l'application WINDEV : création d'un agencement spécifique.
   Pour créer un agencement spécifique pour une utilisation sous WINDEV :
   • Affichez la page concernée sous l'éditeur de WEBDEV.
   • Sous le volet "Page", dans le groupe "Agencements", déroulez "Agencements" et sélectionnez "Ajouter un agencement pour intégration dans WINDEV".
     
   • Dans l'agencement "Pour WINDEV", définissez l'interface qui sera affichée dans l'application WINDEV.
   • Enregistrez la page.
3. Création d'un champ "Page WEBDEV" dans la fenêtre affichant la page.
   • Ouvrez la fenêtre devant afficher le site WEBDEV dans l'éditeur WINDEV.
   • Créez un champ de type "Page WEBDEV" : sous le volet "Création", dans le groupe "Autres champs", cliquez sur "Page WEBDEV".
   • Positionnez le champ dans la fenêtre.
4. Initialisation du champ Page WEBDEV :
   L'initialisation du champ Page WEBDEV peut être effectuée :
   • Directement dans la fenêtre de description du champ en précisant l'URL source.
   • Via la propriété URL du champ Page WEBDEV.
5. Test du site WEBDEV et de l'application WINDEV.
   Le site WEBDEV doit être lancé avant l'application WINDEV pour initialiser les données Web.

• Vérifiez l'URL de la page WEBDEV à lancer dans l'application WINDEV.
• Les pages WEBDEV peuvent être en mode Session, Session référençable ou AWP. Si des paramètres doivent être passés à la page pour afficher des données spécifiques, il est nécessaire d'utiliser le mode Session référençable ou le mode AWP et d'utiliser la propriété URL pour initialiser le champ.
• La fonction EnModePageDansFenêtre permet de savoir si le code de la page WEBDEV est exécuté en mode site ou dans une page affichée dans un champ d'une fenêtre.

Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV

• Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_CarnetEntretien contient un agencement WINDEV.
  
• Dans l'application WD IntégrationWEBDEVdansWINDEV, la fenêtre FEN_FicheVéhicule affiche la page PAGE_CarnetEntretien dans un champ Page WEBDEV.
• L'initialisation du champ Page WEBDEV est réalisée dans la procédure Initialisation de la fenêtre FEN_FicheVehicule.
• En exécution, l'agencement pour WINDEV de la page WEBDEV est affiché dans l'application WINDEV.
  

Exécuter un traitement WINDEV depuis une page WEBDEV

• Dans la fenêtre WINDEV, créer le traitement à utiliser. Ce traitement doit être une procédure locale au champ Page WEBDEV.
• Dans la page WEBDEV manipulée par la fenêtre WINDEV (ou dans le traitement), utilisez le mot-clé MonChampHôte pour exécuter la procédure présente dans le champ Page WEBDEV qui affiche la page WEBDEV. Il est possible de passer des paramètres à cette procédure.

Exécuter un traitement WEBDEV depuis une fenêtre WINDEV

• Dans la page WEBDEV, le traitement WEBDEV à exécuter doit correspondre à une procédure locale navigateur de la page affichée dans le champ Page WEBDEV.
• Dans la fenêtre WINDEV qui affiche le champ Page WEBDEV, utilisez la propriété Page sur le champ Page WEBDEV en précisant le nom de la procédure à exécuter ainsi que les paramètres à passer à la procédure.

Illustration avec les exemples WD IntégrationWEBDEVdansWINDEV et WW_IntégrationWEBDEVdansWINDEV

• Dans la fenêtre de facturation, cliquez sur l'option "Facturer" d'une ligne de la table dans la page WEBDEV intégrée (Véhicules présents dans l'atelier).
• La page WEBDEV affiche alors une popup pour choisir un goodies, choisissez par exemple la danseuse hawaïenne.
• La popup WEBDEV appelle ensuite la procédure WINDEV DemandeFacturation. L'application ouvre la fenêtre WINDEV de facturation. Et quand la facturation est validée, l'application appelle une procédure de la page WEBDEV pour supprimer la ligne du véhicule dans la table WEBDEV.

• Pour le dialogue de WINDEV vers WEBDEV :
  • Dans l'application WD IntégrationWEBDEVdansWINDEV, la fenêtre FEN_GestionClient contient :
    • un champ Page WEBDEV qui affiche la page PAGE_SortieAtelier. Cette page liste les véhicules présents dans l'atelier.
    • une procédure locale DemandeFacturation. Cette procédure est appelée depuis la page WEBDEV.
  • Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_SortieAtelier permet de lancer la facturation via la page popup "POPUP_GOODIES". Dans cette popup, à la validation du Goodies, la procédure DemandeFacturation locale au champ Page WEBDEV est appelée via le code :
    
    MonChampHôte.demandeFacturation(ATT_Expéditeur[gnNumLigne], ATT_Résumé[gnNumLigne], ...
    gnNumLigne, ATT_CR[gnNumLigne], sNomGoodies)
• Pour le dialogue entre la page WEBDEV et l'application WINDEV :
  • Dans le site WW_IntégrationWEBDEVdansWINDEV, la page PAGE_SortieAtelier contient la procédure locale navigateur actualise_ligne. Cette procédure permet d'actualiser la ligne correspondant à la facture validée.
  • Dans l'application WD IntégrationWEBDEVdansWINDEV, la procédure locale DemandeFacturation du champ Page WEBDEV appelle la procédure ActualiseLigne.
    
    WEBDEV_ListeVéhicules.Page.actualise_ligne(nnumligne)