Exemple javascript formulaire vMap 2
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
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
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')
});
}
Please register or sign in to comment