Skip to content
Snippets Groups Projects

Exemple javascript formulaire vMap 2

  • Clone with SSH
  • Clone with HTTPS
  • Embed
  • Share
    The snippet can be accessed without any authentication.
    Authored by Armand Bahi

    L'édition du JS dans vMap 2 ce fait à l'aide de le fonction constructor_form, cette dernière se construit de la sorte

    /**
    * constructor_form
    * Fonction lancée au chargement du formulaire
    * @param { object } scope Formreader
    * @param { object } env environment
    * @param { object } services
    * @returns { undefined } 
    */
    var constructor_form = function (scope, env, services) {
        
    }

    Les trois arguments scope, env et services nous permettront d'agir sur le formulaire, la carte ainsi que tous les services de vMap.

    scope

    image

    scope propose les infos sur l'objet en cours

    • clickCoords : coordonnées où l'utilisateur a cliqué
    • data : donnée de l'enregistrement sélectionné
    • map : objet openlayers de type Map
    • oLayer : couche de l'entité sélectionnée
    • popup : objet infobulle sur la carte

    env

    Environnement Vitis, il contient notamment properties qui recense le configuration de l'application

    services

    Contient les outils nécessaires à la manipulation du formulaire

    • formreaderSrvc : service dédié à formreader
    • oFormReader : objet formreader utilisé dans le formulaire de vMap

    Les outils de manipulation de la carte

    • mapCoreDrawService
    • mapCoreJSONService
    • mapCoreManagerService
    • mapCorePopupOverlayService
    • mapCorePopupService
    • mapCoreUtilsService
    • mapSelectService
    • maptoolsService

    Ainsi que d'autres utilitaires

    • translate : service de traduction
    • vitisAlert : permet de faire des messages d'alerte sous forme de modales et de toasts
    • vitisCheck : fonctions de vérification
    • vitisClone : fonctions de connage
    • vitisRequest : fonctions de requêtes HTTP
    Edited
    snippetfile1.txt 839 B
    /**
    * Exemple récupération puis modification de la valeur d'un champ
    *
    * Fonction lancée au chargement du formulaire
    * @param { object } scope Formreader
    * @param { object } env environment
    * @param { object } services
    * @returns { undefined } 
    */
    var constructor_form = function (scope, env, services) {
        console.log('scope', scope);
        console.log('env', env);
        console.log('services', services);
    
    
        setTimeout(()=>{ // Nous utilisons ici un timeout pour être sûrs que le formulaire est bien chargé avant de lancer les modifications
    
            // Récupération du champ "nom"
            const oLayerOptionsField = services.oFormReader.getFormField('nom');
            
            // Getter
            const nomVal = oLayerOptionsField.getValue();
    
            // Setter
            oLayerOptionsField.setValue(nomVal + '_monsuffixe')
        });
    }
    0% Loading or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Please register or to comment