Référence des widgets

Depuis : 2.0

Description

La base de tous les widgets d'IMu.

Options

Option

Détails

name

Un nom pour le widget.

ownerHeight

Comment la taille du propriétaire doit-elle être affectée par le contenu du widget ? Les valeurs valides sont :

  • dynamic

    La taille du propriétaire pourra varier en fonction du contenu du widget.

  • fixed

    La hauteur du propriétaire sera toujours maintenue.

  • guessed

    La valeur sera estimée en fonction de la hauteur de l’élément propriétaire lors de la création du widget.

Note: Tous les widgets ne respectent pas ce paramètre !

useURL

Permet au widget d’enregistrer son état actuel dans l’URL de la page.

Type :

booléen

Méthodes

Méthode

Détails
beginDelay()
beginDelay()

Indique qu’une attente est en cours dans le widget.

Retourne :

createChild(name, options)
widget createChild(name, options)

Crée un nouveau widget et le rattache au widget actuel en tant que widget enfant.

Paramètres :

name (string)

Le type de widget à créer.

options (object)

Toutes les options à transmettre au widget enfant nouvellement créé.

Retourne :

widget

Le widget enfant nouvellement créé.

createView()

createView()

Construit (ou reconstruit) le widget, en appliquant le thème actuel.

Retourne :

endDelay()

endDelay()

Supprime tout contrôle indiquant qu’une attente est en cours.

Retourne :

resize()

resize()

Permet au widget de se redimensionner.

Retourne :

restyle()

restyle()

Retourne :

showView()

showView()

Retourne :

Depuis : 2.0

Description

Case à cocher simple.

Depuis : 2.0

Description

Affiche les enregistrements de la collection d’un utilisateur (panier d’achats).

Depuis : 2.0

Description

Permet à un même jeu de résultats d’être affiché par plusieurs viewers.

Différents viewers sont ajoutés à l’aide de la méthode add.

Exemples

  1. Créez un widget combined-viewer qui contient un list-viewer et un details-viewer.

    var widget = $('#my-div').IMu('combined-viewer'); widget.add('list-viewer'); widget.add('details-viewer');

  2. Créez un widget comme précédemment, puis passez à l’affichage du details-viewer.

    var widget = $('#my-div').IMu('combined-viewer'); widget.add('list-viewer'); widget.add('details-viewer'); widget.select(1); // index 1 is the second viewer

Méthodes

Méthode

Détails

add(what)

add(what)

Ajoute un ou plusieurs sous-widgets viewer au widget combined-viewer.

Le paramètre what peut être un :

  • string - le nom d’un widget viewer (par exemple list-viewer).
  • object - un objet JavaScript simple. L’objet peut inclure :
    • type (string) - le nom d’un widget viewer (par exemple list-viewer).
    • icon (String) - le nom d’un fichier contenant une icône à afficher * title (string) - le nom d’une chaîne multilingue à afficher.

  • array un tableau. Chaque élément du tableau doit être un objet JavaScript simple, tel que décrit ci-dessus.

Paramètres :

what (mixed)

Informations décrivant le type de viewer à ajouter.

Retourne :

select(index)

object select(index)

Sélectionne le viewer à afficher.

Paramètres :

index (integer)

L’index de la vue à afficher. L’index correspond à l’ordre dans lequel les viewers ont été ajoutés à l’aide de add.

Retourne :

object

Le widget de viewer sélectionné.

updateResultCount()

updateResultCount()

Met à jour le nombre de résultats du module.

Retourne :

Depuis : 2.0

Description

Widget de base pour des contrôles spécifiques.

Options

Option

Détails

hint

Texte à afficher comme texte d’aide à la saisie de données.

La façon dont cela est utilisé dépend du type de contrôle. Par exemple, pour une zone de texte, le texte d’aide est affiché à la fois sous forme de titre (survol) et dans la zone de texte elle-même.

readonly

Si true, affiche le contrôle en lecture seule.

Type :

booléen

requirement

Permet de déterminer l’apparence d’un contrôle. Deux options sont possibles : mandatory ou suggested.

tabIndex

Utilisé pour définir l’attribut tabindex sur le contrôle.

onChange

Appelé lorsque la valeur du contrôle a changé.

getValue

Retourne la valeur actuelle du contrôle.

setValue

Définit la valeur du contrôle.

Depuis : 2.0

Description

Contrôle de date simple.

Options

Option

Détails

format

Le format de date à utiliser.

Le formatage des dates est problématique et est lié à un problème beaucoup plus large de localisation.

Cette option ne fournit qu’une solution de contournement rapide. Par conséquent, cette option pourrait être dépréciée à l’avenir.

Type :

string

picker

Si true, affiche un sélecteur de date contextuel lorsque le contrôle reçoit le focus.

Type :

booléen

Depuis : 2.0

Options

Option

Détails

showMyCollections

Spécifie que la boîte Mes collections doit être affichée dans la partie inférieure de la barre latérale.

Type :

booléen

Depuis : 2.0

Description

Affiche les détails de chaque enregistrement d’un jeu de résultats.

Description

Affiche une carte de localisation spécialisée indiquant les positions de chaque enregistrement d’un jeu de résultats. Ajoute des mécanismes permettant l’intégration avec l’affichage temporel des données.

Note: ACTUELLEMENT EXPÉRIMENTAL

Méthodes

Méthode

Détails

getDistanceFromMedian()

getDistanceFromMedian()

À quelle distance une valeur se situe-t-elle du point médian entre deux points (exprimée sous forme de rapport par rapport à la distance totale de dispersion) ?

Utilisé pour évaluer la proximité d’un point par rapport au milieu d’une plage de valeurs :

0 = milieu, 1 = à la limite de la plage, 1.1 = hors de la plage

Mid Min<----------|---------->Max ^ ^ ^ ^ ^ ^ ^ | |

| | | | | | | | | | | | |
| | | | 1.1 1.0 0.5 0 0.5 1.0 1.1

Retourne :

makePointLayer()

number makePointLayer()

Créer un calque de points OL. Cela implique l’ajout de propriétés d’affichage à l’écran.

Raccourci syntaxique pour l’interfaçage avec l’objet view.

Retourne :

number

 

Depuis : 2.0

Description

Affiche des enregistrements EMu sélectionnés au hasard.

Options

Option

Détails

showSelectionControl

Si true, inclut un contrôle permettant de sélectionner l’enregistrement. Lorsque l’enregistrement est sélectionné, il est ajouté à la collection courante de l’utilisateur.

Depuis : 2.0

Description

Un widget pour simplifier la création, l’agencement et la modification des formulaires.

Crée un tableau pour aider à aligner les éléments dans le formulaire.

Exemples

  1. Créer un formulaire à deux colonnes composé de deux zones de texte avec leurs libellés

     var widget = $('#my-div').IMu('form') { columns: 2, order: 'column' }); widget.addField('text', { label: 'field 01', name: 'value01' }); widget.addField('text, { label: 'field 02', name: 'value02' });

Options

Option

Détails

columns

Le nombre de colonnes dans le formulaire

Type :

number

order

L’ordre à utiliser pour remplir le formulaire lorsqu’un champ ne dispose pas de suffisamment d’informations de positionnement.

Type :

string

rows

Le nombre de lignes dans le formulaire

onChange

Appelé lorsque la valeur de l’un des champs change.

default

Ajoute un champ au formulaire.

clearForm

Efface toutes les valeurs du formulaire.

getLayout

Crée un tableau bidimensionnel contenant tous les champs du widget de formulaire à leur emplacement correct.

Type :

booléen

getValues

Retourne toutes les valeurs du formulaire.

Il s’agit d’une fonction utilitaire qui évite d’avoir à parcourir tous les champs du formulaire.

setValues

Définit toutes les valeurs du formulaire.

Il s’agit d’une fonction utilitaire qui évite d’avoir à parcourir tous les champs du formulaire.

_construct

Un élément de champ dans le formulaire.

configure

Texte à afficher comme texte d’aide à la saisie de données.

getValue

Retourne la valeur actuelle du champ.

setValue

Définit la valeur du contrôle.

changed

Exécute une fonction de rappel après l’événement onChange.

_construct

Un champ à case à cocher.

Crée un nouveau champ composé d'une checkbox-control.

_construct

Un champ de date.

Crée un nouveau champ composé d'une date-control.

_construct

Un champ vide.

_construct

Crée un nouveau champ d’image composé d’un image-control.

_construct

Crée un nouveau champ d’image composé d’un image-control.

_construct

Crée un nouveau champ composé d'une selection-control.

_construct

Crée un nouveau champ composé d'une text-control.

_construct

Crée un nouveau champ composé d'une static-control.

_construct

Crée un nouveau champ composé d'une time-control.

Depuis : 2.0

Description

Un widget permettant de gérer des tableaux de données.

Crée un tableau doté de nombreuses fonctions utilitaires.

Options

Option

Détails

newRow

Type :

booléen

rowNumbers

Type :

booléen

sortColumns

Spécifie si la grille doit être triée lorsque l’utilisateur clique sur un en-tête de colonne.

Type :

booléen

onColumnClicked

La fonction à appeler lorsque l’utilisateur clique sur la colonne.

onRowClicked

La fonction à appeler lorsque l’utilisateur clique sur la ligne.

Méthodes

Méthode

Détails

setSortKeys()

string setSortKeys()

Construit une liste de clés.

Cela est complexe, car différents types d’arguments peuvent être utilisés pour spécifier les clés.

Nous souhaitons obtenir un tableau d’objets, chacun comprenant :

  • colonne - le nom de la colonne.
  • décroissant - true pour un tri décroissant / false pour un tri croissant.
  • type - le type de tri à appliquer.

Retourne :

string

 

addColumn(type, options)

object addColumn(type, options)

Ajoute une colonne à la grille.

Paramètres :

type (string)

Le type de colonne à ajouter. Peut être l’un des types suivants :

  • “checkbox”

  • “icon”

  • “selection”

  • “static”

  • “text”

options (object)

Toutes les options utilisées pour configurer la colonne.

Retourne :

object

Le nouvel objet de colonne.

getRow(index)

object getRow(index)

Renvoie une seule ligne de valeurs à partir de la grille.

Paramètres :

index (int)

L’index de ligne à renvoyer.

Retourne :

object

La ligne de valeurs.

getRowCount()

getRowCount()

Retourne le nombre de lignes dans la grille.

Retourne :

updateFilters(displayed)

updateFilters(displayed)

Met à jour les règles définissant quelles lignes doivent être affichées ou non.

L’utilisation du terme « Filtres » dans le nom est ambiguë. Les lignes qui correspondent au filtre doivent-elles être affichées ou masquées ? Pour cette raison, nous utilisons displayed comme paramètre.

Paramètres :

displayed (mixed)

Un objet contenant des valeurs à afficher / masquer.

Chaque valeur de l’objet doit avoir le format suivant :

column_name:{value: bool}

où value est la valeur réelle à rechercher dans la colonne column_name et bool indique si cette valeur doit être affichée ou masquée.

Retourne :

appendRow(values)

appendRow(values)

Ajoute une ligne de valeurs à la fin de la grille.

Paramètres :

values (mixed)

Un objet contenant l’ensemble des valeurs à ajouter à la nouvelle ligne.

Retourne :

appendRows(values)

appendRows(values)

Ajoute plusieurs lignes de valeurs à la fin de la grille.

Paramètres :

values (mixed)

Un tableau d’objets contenant l’ensemble des valeurs à ajouter aux nouvelles lignes.

Retourne :

insertRow(index, values)

insertRow(index, values)

Insère un ensemble de valeurs dans une position définie dans la grille.

Paramètres :

index (int)

Le numéro de la ligne dans laquelle insérer les valeurs.

values (mixed)

Un objet contenant les valeurs à ajouter à la ligne insérée.

Retourne :

removeRow(index)

removeRow(index)

Supprime une ligne de la grille.

Paramètres :

index (int)

Le numéro de ligne à supprimer.

Retourne :

updateRow(index)

updateRow(index)

Met à jour les valeurs d’une ligne donnée.

Paramètres :

index (int)

Le numéro de ligne à mettre à jour.

Retourne :

getColumnIndex(name)

getColumnIndex(name)

Retourne l’index d’une colonne dans une grille.

Paramètres :

name

Le nom de la colonne à vérifier.

Retourne :

getValue()

object[] getValue()

Appelle la fonction getValues.

Il s’agit d’une fonction utilitaire, car le widget de formulaire appelle getValue.

Retourne :

object[]

Un tableau d’objets, un objet pour chaque ligne.

getValues()

object[] getValues()

Retourne toutes les valeurs de la grille.

Il s’agit d’une fonction utilitaire qui évite d’avoir à parcourir toutes les lignes de la grille.

Retourne :

object[]

Un tableau d’objets, un objet pour chaque ligne.

clearGrid()

clearGrid()

Efface toutes les valeurs de la grille.

Retourne :

hasHeadings()

boolean hasHeadings()

Vérifie si des colonnes possèdent une propriété de type en-tête.

Retourne :

booléen

Retourne true si au moins une propriété d’en-tête est définie.

sort(keys)

sort(keys)

Trie la grille par colonnes.

Paramètres :

keys (array)

La liste des colonnes à trier.

Retourne :

configure()

configure()

Définit si une colonne est triée. Les valeurs acceptées sont ascending (croissant) et descending (décroissant).

Retourne :

newCell()

newCell()

Une colonne de cases à cocher.

Chaque cellule de la colonne contiendra un checkbox-control.

Retourne :

newCell()

newCell()

Une colonne statique.

Chaque cellule de la colonne contiendra un static-control.

Retourne :

addClasses()

addClasses()

Les valeurs associées à la ligne.

Retourne :

getCellByName()

object getCellByName()

Une fonction utilitaire.

Recherche le nom d’une cellule dans une table de hachage afin de trouver l’index de colonne approprié plutôt que de devoir parcourir chaque cellule de la ligne en examinant son nom.

Retourne :

object

La cellule attendue.

getClasses()

string[] getClasses()

Retourne les classes associées à la ligne.

Retourne :

string[]

Un tableau de string représentant les classes de la ligne.

getValues()

object getValues()

Retourne les valeurs associées à la ligne.

Retourne :

object

Un tableau associatif contenant les valeurs de la ligne.

setClasses()

setClasses()

Définit les classes associées à la ligne.

Retourne :

setValues(values)

setValues(values)

Définit les valeurs associées à la ligne.

Paramètres :

values (mixed)

Les valeurs associées à la ligne.

Retourne :

updateCells()

updateCells()

Met à jour la vue pour afficher les données.

Retourne :

getValue()

mixed getValue()

Retourne la valeur d’une cellule.

Retourne :

mixed

La valeur de la cellule.

setValue(value)

setValue(value)

Définit la valeur d’une cellule.

Paramètres :

value (mixed)

 La nouvelle valeur à définir.

Retourne :

changed()

changed()

Exécute une fonction de rappel après l’événement onChange.

Retourne :

create()

create()

Une cellule de case à cocher. Une cellule contenant un checkbox-control.

Retourne :

create()

create()

Une cellule d’icône. Une cellule contenant un icon-control.

Retourne :

create()

create()

Une cellule de sélection. Une cellule contenant un selection-control.

Retourne :

create()

create()

Une cellule statique. Une cellule contenant un static-control.

Retourne :

create()

create()

Une cellule de texte. Une cellule contenant un text-control.

Retourne :

Depuis : 2.0

Description

Contrôle permettant d’afficher une valeur logique sous forme d’icône.

Options

Option

Détails

icons

Une correspondance entre un nom logique et une image.

Depuis : 2.0

Description

Widget simple permettant d’afficher une image dans OL.

Utilise OL pour charger des images. Permet à l’utilisateur de déplacer l’image et de zoomer dessus.

Si les valeurs x et y ne sont pas fournies en option, l’image sera positionnée au milieu de l’écran.

Si la valeur de zoom n’est pas fournie en option, l’image aura par défaut un zoom de 0.

Exemples

  1. Créez un image-control et chargez une image en utilisant NEI. Définissez la hauteur du contrôle d’image sur 650px. Une fois chargée, zoomez sur l’image au niveau 2 et réglez x sur 2222 et y sur 501.

    var imageControl = $('#image-control'). IMu('image-control',{ height:650, x:2222, y:501, zoom:2 }); imageControl.loadImageFromRepo(614);

  2. Créez un image-control et chargez une image en utilisant NEI. Une fois chargée, zoomez sur l’image au niveau 2 et réglez x sur 2222 et y sur 501.

     var imageControl = $('#image-control').height(650). IMu('image-control',{ x:2222, y:501, zoom:2 }); imageControl.loadImageFromRepo(614);

  3. Retourne l’état actuel de l’image.

    var imageControl = $('#image-control').height(650). IMu('image-control',{ }); imageControl.loadImageFromRepo(614); imageControl.getState();

  4. Définit les positions x et y d’une image.

    var imageControl = $('#image-control').height(650). IMu('image-control',{ }); imageControl.loadImageFromRepo(614); imageControl.setPosition(2222,501);

  5. Définit le niveau de zoom d’une image sur 2.

    var imageControl = $('#image-control').height(650). IMu('image-control',{ }); imageControl.loadImageFromRepo(614); imageControl.setZoom(2);

Options

Option

Détails

height

La hauteur, en pixels, à définir pour le image-control. Si aucune valeur n’est fournie ou si elle est inférieure à 100 px, le widget définira la hauteur sur 100 px.

x

La valeur x par défaut à utiliser lors du chargement d’une image.

y

La valeur y par défaut à utiliser lors du chargement d’une image.

zoom

La valeur de zoom par défaut à utiliser lors du chargement d’une image.

coordinates

Les coordonnées à utiliser pour définir le polygone.

Méthodes

Méthode

Détails

_ready()

_ready()

Le nom de fichier local de l’image à utiliser dans OL.

Retourne :

getPolygon()

array getPolygon()

Retourne les coordonnées du polygone.

Retourne :

array

Si un polygone est sélectionné, les coordonnées du polygone sélectionné seront renvoyées. Si plusieurs polygones se trouvent sur la couche et qu’aucun n’est sélectionné, les premières coordonnées du premier polygone seront renvoyées.

getState()

object getState()

Retourne l’état actuel d’OL.

Retourne :

object

 

getValue()

object getValue()

Retourne l’état actuel d’OL. Est un wrapper autour des autres fonctions get dans le widget image-control.

Retourne :

object

obj { "state" : { "x" : 123, "y" : 456, "zoom" : 0 }, "polygons" : [ "[[344.25,543.42],[538.47,543.42],[542.69,876.97],[724.25,551.86],[344.25 ,543.42]]", "[[1214.03,1164.08],[1209.81,577.19],[1648.92,568.75],[1657.36,1202.08],[ 1214.03,1164.08]]", ] }

setPosition(x, y)

setPosition(x, y)

Définit les positions x et y de l’image OL

Paramètres :

x (float)

La coordonnée X à laquelle positionner l’image.

y (float)

La coordonnée Y à laquelle positionner l’image.

Retourne :

setPolygon(coordinates)

setPolygon(coordinates)

Crée un polygone sur la couche vectorielle du image-control.

Paramètres :

coordinates (array)

Un tableau de coordonnées pour créer un polygone. Au moins trois coordonnées sont nécessaires pour créer un polygone. Si trois coordonnées sont fournies, la première coordonnée sera considérée comme le point d’origine.

Retourne :

setValue(value)

setValue(value)

Définit l’état d’OL. Est un wrapper autour des autres fonctions get dans le widget image-control.

value (object)

obj { "state" : { "x" : 123, "y" : 456, "zoom" : 0 }, "polygons" : [ "[[344.25,543.42],[538.47,543.42],[542.69,876.97],[724.25,551.86],[344.2 5,543.42]]", "[[1214.03,1164.08],[1209.81,577.19],[1648.92,568.75],[1657.36,1202.08], [1214.03,1164.08]]", ] }

Paramètres :

Retourne :

setZoomLevel(level)

setZoomLevel(level)

Définit le niveau de zoom de l’image OL.

Paramètres :

level (number)

Le niveau de zoom à appliquer à l’image OL.

Retourne :

loadImageFromFile(fileName)

loadImageFromFile(fileName)

Charge une image à partir d’un fichier et l’ajoute comme couche de base.

Paramètres :

fileName (string)

Le nom de l’image à charger.

Retourne :

loadImageFromRepo(irn)

loadImageFromRepo(irn)

Charge une image à partir du module multimédia en utilisant le NEI.

Paramètres :

irn (number)

Le NEI de l’image multimédia à charger.

Retourne :

removePolygons()

removePolygons()

Supprime tous les polygones de la couche vectorielle du image-control.

Retourne :

Depuis : 2.0

Description

Affiche une carte de localisation spécialisée permettant de représenter des enregistrements de type événement de piège destinés aux outils de lutte antiparasitaire ; étend locator-viewer.

Un widget IPM est spécifiquement utilisé pour afficher des données d’événements de piège destinées à être utilisées par les applications IPM. Il n’est généralement pas utile en dehors de ce rôle et est étroitement lié à la structure des données d’événements de piège dans EMu.

Il étend le widget locator-viewer et ajoute des fonctionnalités spécifiques permettant de transformer les enregistrements d’événements de piège en données de spécimens capturés pouvant être regroupées et représentées sur des plans de site. Il ajoute également la possibilité de compter et d’analyser le contenu des pièges et d’attribuer automatiquement la taille des marqueurs, etc.

Il inclut également certaines méthodes d’analyse des dates afin d’aider les applications utilisant ce widget à interpréter les dates de la même manière que lui.

Exemples

  1. Créer un widget IPM

    var ipm = $('#ipm-viewer').width(850).height(600). IMu('ipm-viewer', { layerPath: '../../../../shared/client/images/layers', } ); ipm.addLayer('Site Plan'); ipm.addLayer('Basement'); ipm.addLayer('Ground Floor'); ipm.setCoordRanges(0, 4000, 0, 4000, -5000, 5000);

  2. Retourne le nombre total d’éléments actuellement affichés. L’objet renvoyé inclut des informations sur le nombre total d’entités et les entités du plus grand marqueur affiché.

    var counts = myIpmWidget.getTotalCounts // counts == { totalAll: 500, largestSingleMarker: 238 };

  3. Gère les dates. Si vous devez traiter des dates (par exemple, trier), le widget IPM et votre code doivent interpréter les valeurs de date de la même manière. Ces méthodes exposent les méthodes utilisées en interne par l’IPM lors de la manipulation des dates.

     myIPMWidget.setDateFormat('dmy', '/'); var dSt = '13/01/2013'; var dObject = myIPMWidget.parseStringToDate(dSt); // dObject is a Javascript Date Object var year = dObject.getFullYear(); // year == 2013  var d = new Date('Jan 13, 2013'); var st = myIPMWidget.parseDateToString(d); // st == '13/01/2013';

Options

Option

Détails

addZoomToShowAllControl

Si true, ajoutez une commande qui permet à l’utilisateur de zoomer / dézoomer pour afficher au mieux tous les points.

allowCollationBy

Si cette option est définie, les options de collation disponibles pour générer des marqueurs distincts seront limitées au tableau donné de chaînes (chacune représentant un nom de champ dans les données mappées). Si aucun n’est défini, tous les champs des données mappées peuvent être utilisés.

anchorLegendOnMap

Si true, la légende sera initialement affichée sur la carte sous la forme d’un élément flottant, déplaçable et avec un contrôle pour lui permettre d’être affichée / masquée. Si elle est définie sur false, la légende est placée de manière permanente dans le div sur la page HTML spécifiée par l’identifiant passé dans la méthode addLegend.

autoAdjustAspectRatio

Si true et que le div contenant le widget ne possède ni largeur ni hauteur spécifiée, la largeur ou la hauteur de ce div sera ajustée afin d’afficher au mieux le rapport d’aspect de la carte.

clearSearchResults

Si true, ajoutez un bouton qui efface tous les résultats de recherche actuellement mappés.

clusterDistance

Spécifie la distance maximale (en pixels) utilisée pour déterminer si les points doivent être regroupés.

clusterPoints

Si true, affichez des points suffisamment proches sous la forme d’un seul marqueur représentatif plutôt que comme des points individuels.

clusterThreshold

Si clusterPoints est défini sur true, le nombre minimal de points de fonctionnalité pouvant appartenir à un seul cluster. Si le nombre de points positionnés à proximité est inférieur au seuil, ils seront affichés comme des marqueurs individuels ; sinon, ils seront regroupés.

coordRanges

Spécifie les limites géographiques que la carte autorise à afficher.

dateLineWrap

Spécifie si la carte tente d’afficher les couches et les points à travers la ligne de changement de date.

defaultCollation

Spécifie la propriété d’entité utilisée comme propriété par défaut pour la collation des données de recherche.

googleKey

Si vous utilisez des calques Google Maps, la clé API Google Maps appropriée pour le site. Requis uniquement pour une utilisation à grand volume.

initialExtentLBRT

Définit l’étendue initiale de la carte (spécifiée dans les coordonnées de la carte sous la forme [Gauche, Bas, Droite, Haut]).

layerPath

Lorsque vous utilisez des calques de carte raster (par exemple, des plans de site, etc.), spécifie le chemin d’accès aux fichiers image utilisés.

moreDetailsDialog

Spécifie si les fenêtres contextuelles des points doivent afficher un lien Plus de détails.

pointHighlightOnClick

Spécifie si des points peuvent être sélectionnés en cliquant dessus.

pointHighlightOnHover

Spécifie si des points peuvent être sélectionnés en les survolant avec la souris.

rasterUnits

Les unités utilisées pour spécifier les dimensions de la couche raster (par exemple, latlongs, miles, kilomètres, pouces, etc.).

resetZoomOnSearch

Spécifie si le widget Carte doit revenir au niveau de zoom initial à chaque recherche plutôt que de rester au niveau de zoom actuel.

Type :

string

showLayerSwitcher

Spécifie si un contrôle de changement de couche doit être affiché sur la carte.

showMouseCoordinates

Spécifie si la position de la souris sur la carte est affichée (si c’est le cas, elle sera en coordonnées cartographiques).

showOverviewMap

Spécifie si la carte doit afficher une petite carte d’ensemble.

showScalebar

Spécifie si le widget Carte doit afficher une barre d’échelle.

showStatusMessages

Spécifie si le widget Carte doit afficher à l’utilisateur des messages indiquant ce qu’il est en train de faire.

singleShot

Si true, toute nouvelle recherche effacera et supprimera les recherches précédemment affichées. Si false, toute nouvelle recherche est affichée comme couche supplémentaire sur la carte sans supprimer les couches de recherche existantes.

skipOpeningCollator

Si true, n’affichez pas automatiquement la boîte de dialogue de collation après le retour d’une recherche ; utilisez plutôt les valeurs de collation par défaut.

useInternalMarkerMaker

Si true, le widget carte tentera d’utiliser le mécanisme de dessin des marqueurs personnalisés d’Axiell plutôt que les marqueurs OpenLayers par défaut.

Type :

booléen

useSimpleDetailDisplay

Si true, lorsqu’un utilisateur clique sur le lien Plus de détails, la fenêtre d’affichage simple des détails des entités du widget carte sera utilisée.

useSphericalMercator

Défini à true si vous utilisez des calques de carte qui utilisent la projection Spherical Mercator (par exemple, les calques de carte Google / Bing / OSM).

zoomToAllInitially

Si true, zoomez ou dézoomez sur la carte pour afficher au mieux tous les points après chaque recherche.

Méthodes

Méthode

Détails

getTotalCounts()

null getTotalCounts()

Retourne des informations sur le nombre de spécimens piégés actuellement affichés, y compris le nombre total de spécimens et le plus grand nombre de spécimens associés à un seul marqueur affiché.

Retourne :

null

 

getMinCount(name)

number getMinCount(name)

Retourne le nombre de spécimens associés au marqueur affiché contenant le moins de spécimens.

Paramètres :

name (string)

 

Retourne :

number

 

getMaxCount()

number getMaxCount()

Retourne le nombre de spécimens associés au marqueur affiché contenant le plus de spécimens.

Retourne :

number

 

parseDateToString(dateObj)

string parseDateToString(dateObj)

Convertit un objet Date JavaScript en une chaîne au format spécifié dans la configuration du widget. Disponible pour les applications pour s’assurer qu’elles interprètent les dates de la même manière que le widget. Le format de date est défini dans la configuration du widget.

Paramètres :

dateObj

Un objet Date JavaScript.

Retourne :

string

 

parseStringToDate(dString)

object parseStringToDate(dString)

Convertit des dates au format jj/mm/aaaa en objets Date JavaScript. Disponible pour les applications pour s’assurer qu’elles interprètent les dates de la même manière que le widget. Le format de date est défini dans la configuration du widget.

Paramètres :

dString

Une chaîne de date (par exemple 25/12/2011).

Retourne :

object

Un objet Date JavaScript.

setDateFormat(order, separator)

null setDateFormat(order, separator)

Définit les paramètres du format de date à utiliser.

Paramètres :

order (string)

Une chaîne de format. Les valeurs actuellement acceptées sont : dmy, mdy, ymd.

separator (string)

Le symbole utilisé pour séparer les composants de date (par exemple -, /, etc.).

Retourne :

null

 

setMarkerType(type)

null setMarkerType(type)

Définit le style de marqueur à utiliser lors de l’affichage des entités.

Paramètres :

type (string)

Actuellement, deux valeurs sont acceptées : pie et bar.

Retourne :

null

 

setMaximumMarkerSize(radius)

null setMaximumMarkerSize(radius)

Définit le rayon maximal des marqueurs à afficher.

Paramètres :

radius (number)

Le rayon (en pixels).

Retourne :

null

 

setMinimumMarkerSize(radius)

null setMinimumMarkerSize(radius)

Définit la taille minimale des marqueurs à afficher.

Paramètres :

radius (number)

Définit la taille à utiliser pour afficher le plus petit marqueur.

Retourne :

null  

Depuis : 2.0

Description

Widget simple pour la recherche de mots-clés.

Crée une zone de texte simple qui peut être utilisée pour effectuer des recherches par mots-clés. Lorsque l’utilisateur appuie sur la touche Entrée (ou sur le bouton Confirmer s’il est activé), le gestionnaire d’événements onSearch est appelé.

Peut être utilisé pour déclencher une recherche simple par mots-clés dans la base de données.

Exemples

  1. Crée une zone de texte simple :

    var widget = $('#my-div').IMu('keyword-search');

  2. Crée une zone de texte avec une étiquette et un bouton Confirmer :

     var  widget = $('#my-div').IMu('keyword-search', { showLabel: true, showSubmit: true  } );

  3. Installe une fonction de rappel pour traiter les demandes de recherche :

     var  widget = $('#my-div').IMu('keyword-search', { onSearch: function(terms) { alert('search for ' + terms); } } );

Options

Option

Détails

onlyItemsWithImages

Spécifie qu’une invite Seuls les éléments avec des images doit également être affichée.

showClear

Spécifie qu’un bouton Effacer doit être ajouté après la zone de texte.

Type :

booléen

showLabel

Spécifie qu’un libellé (invite) doit être ajouté avant la zone de texte.

Type :

booléen

showSubmit

Spécifie qu’un bouton doit être ajouté après la zone de texte.

Type :

booléen

onClear

L’utilisateur a appuyé sur le bouton Clear.

onSubmit

L’utilisateur a appuyé sur la touche Entrée ou sur le bouton Confirmer.

onSearch

Alias pour onSubmit (pour la rétrocompatibilité).

Méthodes

Méthode

Détails

clear()

clear()

Efface le formulaire de recherche.

Retourne :

getTerms()

string getTerms()

Retourne le contenu du champ de recherche.

Retourne :

   
string - Les termes de recherche actuels.

setTerms(terms)

setTerms(terms)

Définit les termes affichés dans la zone de texte.

Paramètres :

terms (string)

Le texte à afficher dans la zone de texte.

Retourne :

Depuis : 2.0

Description

Widget simple pour permettre à l’utilisateur de changer de langue.

Options

Option

Détails

showLabel

Spécifie qu’un libellé (invite) doit être ajouté avant tout élément de sélection.

Type :

booléen

Méthodes

Méthode

Détails

getLanguages()

string[] getLanguages()

Retourne les options de langue disponibles.

Retourne :

string[]

Un tableau de string représentant les langues disponibles.

Depuis : 2.0

Description

Affiche un lightbox-view de chaque enregistrement d’un jeu de résultats.

Depuis : 2.0

Description

Affiche une vue de liste simple (summary-style) de chaque enregistrement d’un jeu de résultats.

Depuis : 2.0

Description

Affiche une carte de localisation spécialisée indiquant les positions de chaque enregistrement d’un jeu de résultats.

Étend map-viewer.

Un widget Locator est généralement utilisé pour afficher les emplacements des entités sur les plans de site.

Il étend le map-widget et ajoute des méthodes de filtrage des données permettant d’afficher ou de masquer dynamiquement les entités EMu affichées sur la carte en fonction de leurs valeurs de champ.

Exemples

  1. Créer un widget Locator :

    var locator = $('#locator-viewer').height(600). IMu('locator-viewer', { layerPath: '../../../../shared/client/images/layers', searchContext: 'locator' } ); locator.addLayer('Site Plan'); locator.addLayer('Basement');

  2. Retourne une liste de valeurs potentielles pouvant être utilisées lors de la définition d’un filtre pour un champ particulier :

    var choices = myLocatorWidget.getFilterChoices('ScientificName') // choices peuvent maintenant être un objet de la forme suivante : { Anthrenus sarnicus: { count: 510  inFilter: true  verbatimValue: "Anthrenus sarnicus" }, Attagenus smirnovi: { count: 313  inFilter: true  verbatimValue: "Attagenus smirnovi" }, Lepisma saccharina: { count: 245  inFilter: true  verbatimValue: "Lepisma saccharina" } }

  3. Ajoute des filtres - restreint l’affichage aux entités avec : Nom scientifique = Anthrenus sarnicus OU Lepisma saccharina ET Localité = Blue Hills :

     ...
    myLocatorWidget.addFilterTerm('ScientificName', 'Anthrenus sarnicus'); myLocatorWidget.addFilterTerm('ScientificName', 'Lepisma saccharina'); myLocatorWidget.addFilterTerm('Locality', 'Blue Hills'); ...

  4. Renvoie les paramètres de filtrage actuels :

    var filters = myWidget.getCurrentFilters(); // filters will be an object something like: { ScientificName: ['Anthrenus sarnicus', 'Lepisma saccharina'], Locality: [ 'Blue Hills' ] }

  5. Renvoie les paramètres de filtrage actuels sous forme de chaîne :

    var st = myWidget.getCurrentFiltersAsString(); // st == "ScientificName (Anthrenus sarnicus or Lepisma saccharina) and Locality (Blue Hills)"

  6. Supprime un terme de filtre spécifique. Supprime Anthrenus sarnicus du filtre :

    var st = myWidget.getCurrentFiltersAsString(); // st == "ScientificName (Anthrenus sarnicus or Lepisma saccharina) and Locality (Blue Hills)" clearFilterTerm('ScientificName', 'Anthrenus sarnicus'); var st = myWidget.getCurrentFiltersAsString(); // st == "ScientificName (Lepisma saccharina) and Locality (Blue Hills)"

  7. Supprime le champ ScientificName du filtrage (cela supprimera tous les filtres pour ce champ, ce qui signifie que les entités seront affichées indépendamment des valeurs du champ ScientificName) :

    ... var st = myWidget.getCurrentFiltersAsString(); // st == "ScientificName (Anthrenus sarnicus or Lepisma saccharina) and Locality (Blue Hills)" myWidget.clearFilterField('ScientificName'); var st = myWidget.getCurrentFiltersAsString(); // st == "Locality (Blue Hills)" ...

  8. Supprime tout filtrage sur tous les champs :

    var st = myWidget.getCurrentFiltersAsString(); // st == "ScientificName (Anthrenus sarnicus or Lepisma saccharina) and Locality (Blue Hills)" myWidget.clearFilterFields(); var st = myWidget.getCurrentFiltersAsString(); // st == "*" ...

  9. Applique le filtre et réaffiche les données.

     myWidget.filterDisplayedData:(); // the map will redisplay showing only features that match the // filtering criteria

Options

Option

Détails

addZoomToShowAllControl

Si true, ajoutez une commande qui permet à l’utilisateur de zoomer / dézoomer pour afficher au mieux tous les points.

allowCollationBy

Si cette option est définie, les options de collation disponibles pour générer des marqueurs distincts seront limitées au tableau donné de chaînes (chacune représentant un nom de champ dans les données mappées). Si aucun n’est défini, tous les champs des données mappées peuvent être utilisés.

anchorLegendOnMap

Si true, la légende sera initialement affichée sur la carte sous la forme d’un élément flottant, déplaçable et avec un contrôle pour lui permettre d’être affichée / masquée. Si elle est définie sur false, la légende est placée de manière permanente dans le div sur la page HTML spécifiée par l’identifiant passé dans la méthode addLegend.

autoAdjustAspectRatio

Si true et que le div contenant le widget ne possède ni largeur ni hauteur spécifiée, la largeur ou la hauteur de ce div sera ajustée afin d’afficher au mieux le rapport d’aspect de la carte.

clearSearchResults

Si true, ajoutez un bouton qui efface tous les résultats de recherche actuellement mappés.

clusterDistance

Spécifie la distance maximale (en pixels) utilisée pour déterminer si les points doivent être regroupés.

clusterPoints

Si true, affichez des points suffisamment proches sous la forme d’un seul marqueur représentatif plutôt que comme des points individuels.

clusterThreshold

Si clusterPoints est défini sur true, le nombre minimal de points de fonctionnalité pouvant appartenir à un seul cluster. Si le nombre de points positionnés à proximité est inférieur au seuil, ils seront affichés comme des marqueurs individuels ; sinon, ils seront regroupés.

coordRanges

Spécifie les limites géographiques que la carte autorise à afficher.

dateLineWrap

Spécifie si la carte tente d’afficher les couches et les points à travers la ligne de changement de date.

defaultCollation

Spécifie la propriété d’entité utilisée comme propriété par défaut pour la collation des données de recherche.

googleKey

Si vous utilisez des calques Google Maps, la clé API Google Maps appropriée pour le site. Requis uniquement pour une utilisation à grand volume.

initialExtentLBRT

Définit l’étendue initiale de la carte (spécifiée dans les coordonnées de la carte sous la forme [Gauche, Bas, Droite, Haut]).

layerPath

Lorsque vous utilisez des calques de carte raster (par exemple, des plans de site, etc.), spécifie le chemin d’accès aux fichiers image utilisés.

moreDetailsDialog

Spécifie si les fenêtres contextuelles des points doivent afficher un lien Plus de détails.

pointHighlightOnClick

Spécifie si des points peuvent être sélectionnés en cliquant dessus.

pointHighlightOnHover

Spécifie si des points peuvent être sélectionnés en les survolant avec la souris.

rasterUnits

Les unités utilisées pour spécifier les dimensions de la couche raster (par exemple, latlongs, miles, kilomètres, pouces, etc.).

resetZoomOnSearch

Spécifie si le widget Carte doit revenir au niveau de zoom initial à chaque recherche plutôt que de rester au niveau de zoom actuel.

Type :

string

showLayerSwitcher

Spécifie si un contrôle de changement de couche doit être affiché sur la carte.

showMouseCoordinates

Spécifie si la position de la souris sur la carte est affichée (si c’est le cas, elle sera en coordonnées cartographiques).

showOverviewMap

Spécifie si la carte doit afficher une petite carte d’ensemble.

showScalebar

Spécifie si le widget Carte doit afficher une barre d’échelle.

showStatusMessages

Spécifie si le widget Carte doit afficher à l’utilisateur des messages indiquant ce qu’il est en train de faire.

singleShot

Si true, toute nouvelle recherche effacera et supprimera les recherches précédemment affichées. Si false, toute nouvelle recherche est affichée comme couche supplémentaire sur la carte sans supprimer les couches de recherche existantes.

skipOpeningCollator

Si true, n’affichez pas automatiquement la boîte de dialogue de collation après le retour d’une recherche ; utilisez plutôt les valeurs de collation par défaut.

useInternalMarkerMaker

Si true, le widget carte tentera d’utiliser le mécanisme de dessin des marqueurs personnalisés d’Axiell plutôt que les marqueurs OpenLayers par défaut.

useSimpleDetailDisplay

Si true, lorsqu’un utilisateur clique sur le lien Plus de détails, la fenêtre d’affichage simple des détails des entités du widget carte sera utilisée.

useSphericalMercator

Défini à true si vous utilisez des calques de carte qui utilisent la projection Spherical Mercator (par exemple, les calques de carte Google / Bing / OSM).

zoomToAllInitially

Si true, zoomez ou dézoomez sur la carte pour afficher au mieux tous les points après chaque recherche.

Méthodes

Méthode

Détails

addFilterTerm(field, value)

null addFilterTerm(field, value)

Ajoute un filtre à l’ensemble en cours.

Paramètres :

field (string)

Le champ qui sera examiné lors de l’utilisation du filtre.

value (string)

La valeur que le champ doit avoir pour répondre aux critères de filtrage.

Retourne :

null

 

clearFilterField(field)

null clearFilterField(field)

Supprime un champ du filtre (cela supprimera tous les filtres pour ce champ).

Paramètres :

field (string)

Le champ à supprimer des critères de filtrage actuels.

Retourne :

null  

clearFilterFields()

null clearFilterFields()

Supprime tous les filtres.

Retourne :

null  

clearFilterTerm(field, value)

null clearFilterTerm(field, value)

Supprime un terme de filtre spécifique. S’il n’y a pas de filtre correspondant, aucune action n’est effectuée.

Paramètres :

field (string)

Le champ à examiner.

value (string)

La valeur de ce champ à supprimer des filtres.

Retourne :

null  

getCurrentFilters()

object getCurrentFilters()

Renvoie l’objet de description de filtrage actuel.

Retourne :

object

 

getCurrentFiltersAsString()

string getCurrentFiltersAsString()

Renvoie la description actuelle du filtrage sous forme de chaîne.

Retourne :

string

 

getFilterChoices(field)

object getFilterChoices(field)

Retourne une liste de valeurs potentielles pouvant être utilisées pour le filtrage d’un champ particulier.

Paramètres :

field (string)

Le champ à examiner.

Retourne :

object

 

Depuis : 2.0

Description

Affiche une fenêtre de connexion simple.

Options

Option

Détails

showService

Spécifie qu’un champ permettant à l’utilisateur de spécifier le service ou le port auquel se connecter doit être inclus.

Peut être réglé sur :

  • true pour spécifier qu’une zone de texte générique doit être fournie pour permettre à l’utilisateur d’entrer le nom ou le numéro du service.
  • Une liste d’objets Javascript simples pour spécifier qu’une liste d’alternatives devrait être disponible pour que l’utilisateur puisse choisir.

Chaque objet de la liste doit inclure deux propriétés :

  • service

    Le nom de service ou le numéro de port à utiliser si cette option est sélectionnée.

  • label

    Un string utilisée comme invite pour l’utilisateur.

showStatus

Spécifie qu’une ligne de statut doit être incluse dans le widget. Cette ligne est utilisée pour afficher des informations sur la connexion.

Type :

booléen

showSubmit

Spécifie qu’un bouton de connexion doit être ajouté.

Type :

booléen

onError

L’utilisateur a appuyé sur la touche Entrée et IMu a tenté de se connecter. Cependant, la connexion a échoué.

onLogin

L’utilisateur a appuyé sur la touche Entrée et IMu s’est connecté avec succès.

Méthodes

Méthode

Détails

onSubmit(username, password, password)

onSubmit(username, password, password)

L’utilisateur a appuyé sur la touche Entrée ou a cliqué sur le bouton Connexion.

Paramètres :

username (string)

Le contenu actuel du champ Nom d’utilisateur.

password (string)

Le contenu actuel du champ Mot de passe.

password (service)

Le contenu actuel du champ Service (le cas échéant).

Retourne :

Depuis : 2.0

Description

Ce widget affiche une carte des emplacements de chaque enregistrement dans un jeu de résultats.

Notes sur le modèle conceptuel d’une carte, terminologie, etc. :

Une carte se compose de différentes COUCHES et de divers CONTRÔLES :

  • Une carte comporte un CALQUE DE BASE, qui est un calque toujours affiché (par exemple, une carte du monde).
  • Il peut y avoir plusieurs couches de base disponibles - une seule est affichée à la fois.
  • La couche de base actuellement utilisée peut être remplacée par une autre par l’utilisateur.
  • Les COUCHES SECONDAIRES sont des couches qui peuvent être superposées facultativement à la couche de base (par exemple, les résultats de recherche EMu).
  • Contrairement aux couches de base, plusieurs couches non de base peuvent être affichées simultanément sur la carte.
  • Les données de recherche EMu sont transformées en une ou plusieurs couches non de base.
  • Les couches de données EMu sont appelées couches VECTORIELLES (car elles comportent plusieurs ENTITÉS (par exemple, un élément EMu) qui composent la couche).
  • Les couches vectorielles sont constituées d’une ou plusieurs ENTITÉS.
  • Chaque entité possède son propre ensemble d’attributs (par exemple, les valeurs des champs EMu, les coordonnées cartographiques, la visibilité, la couleur, la forme, l’état de mise en évidence, etc.).
  • Les ENTITÉS sont représentées par un MARQUEUR sur la carte.
  • Chaque entité est associée à un POINT (ou potentiellement à un POLYGONE) qui est dessiné lorsque la couche ou l’entité est affichée sur la carte
  • Le clustering peut être utilisé pour regrouper des ENTITÉS à proximité.
  • Une seule ENTITÉ peut être composée de plusieurs éléments (par exemple, plusieurs enregistrements EMu) s’ils sont regroupés en cluster. Cela signifie qu’un seul MARQUEUR peut être utilisé pour représenter plusieurs éléments.
  • D’autres couches vectorielles (non EMu) peuvent potentiellement être affichées sur la carte.

Exemples

  1. Ajouter un outil de collation :

     <html> ... <div id="my_collator_div"/> ... <script> ... ... myMapWidget.addCollator('my_collator_div'); ...

  2. Ajouter un sélecteur de couches externe plutôt que d’utiliser celui par défaut d’OL :

     <span>Map Overlays<div id='layer-switcher></div></span> ... ... myMapWidget.addCustomLayerSwitcher('layer-switcher'); ...

  3. Ajouter un calque à la liste interne des calques :

    // ajouter une carte de terrain physique Google Maps myMapWidget.addLayer('google-physical'); // ajouter un calque Locator IMu.Config.Locator.layers[0] = { 'name' : 'Basement', 'src' : 'Basement.gif', 'size' : [588, 550], 'bounds': [-50, -360, 4030, 2975, -1000, -1], 'elevation': 'top' } ... ... myMapWidget.addLayer('Basement', 'Storage Areas');  // ajouter un calque OpenLayers var layer = new OpenLayers.Layer.Vector("My Special Layer", {}); ... ... myMapWidget.addLayer(layer);

  4. Ajouter un contrôle de légende :

     <html> ... <div id="my_legend_div"/> ... <script> ... ... myMapWidget.addLegend('my_legend_div'); ...

  5. Changer la couche de base :

     changeBaseLayer('First Floor');

  6. Renvoyer l’état actuel de la connexion :

    if (! mapWidget.checkConnection) alert('système indisponible, veuillez réessayer plus tard');

  7. Activer et désactiver le clustering :

     <input id="clusterOn" type="checkbox" checked="1">Draw Points as Clusters</input> ... <script> ... jQuery("#clusterOn").on("click", function() { if (jQuery(this).prop('checked')) mapWidget.setClustering(true); else mapWidget.setClustering(false); }); ...

  8. Remplacer les couleurs par défaut utilisées pour les marqueurs :

     setMarkerColours( [ '#ff0000', '#00ff00', '#336699' ] );

  9. Remplacer l’ensemble de symboles par défaut utilisé pour dessiner des marqueurs :

    setMarkerShapes( [ 'upTriangle', 'star', 'cross', 'circle' ] );

  10. Ajuster la pertinence des entités :

     ... var dateBounds = jQuery("#date-filter").dateRangeSlider('values'); var minDate = new Date(dateBounds.min); var maxDate = new Date(dateBounds.max); mapWidget.setRelevanceByDateRange('Inserted Points', 'DateInserted', minDate, maxDate); ...

  11. Activer / désactiver le filtrage de pertinence :

     <input id="filterOn" type="checkbox" checked="1">Filter Points by Date</input> ... <script> ... minDate = newDate('01/01/1999'); maxDate = newDate('01/02/1999'); mapWidget.setRelevanceByDateRange('Inserted Points', 'DateInserted', minDate, maxDate); ... ... jQuery("#filterOn").on("click", function() { if (jQuery(this).prop('checked')) mapWidget.setRelevanceFiltering(true); else mapWidget.setRelevanceFiltering(false); }); ...

  12. Afficher un message d’état à l’écran :

     showStatusMessage( IMu.string('danger-danger-danger'), true); showStatusMessage( IMu.string('it-is-10am'), false);

  13. Définir une fonction personnalisée qui sera appelée lors des demandes de données concernant un élément :

     ... function myDetailViewer(source, irn, data) { // un code astucieux pour afficher les détails d'un article ... } ... ... myMapWidget.setItemDetailsDisplay(myDetailViewer); ...

  14. Définir une fonction personnalisée qui sera appelée lors des demandes de données concernant un marqueur (un marqueur peut représenter plusieurs éléments) :

     ... function myItemsListViewer(source, irn, data) { // un code astucieux pour afficher les détails d'un ou de plusieurs éléments ... } ... myMapWidget.setMarkerDetailsDisplay(myItemsListViewer); ...

  15. Modifier la stratégie de clustering. Cela affectera la manière dont les entités proches les unes des autres sont regroupées en clusters :

    ... <input type="radio" name="strategy" value="default" checked="checked"/> Default <input type="radio" name="strategy" value="centred" /> Centred <input type="radio" name="strategy" value="none" /> None ... ... jQuery("input[name='strategy']").bind('change', function() { var strategy = jQuery(this).val(); mapWidget.setClusterStrategy(strategy); });

Options

Option

Détails

addZoomToShowAllControl

Si true, ajoutez une commande qui permet à l’utilisateur de zoomer / dézoomer pour afficher au mieux tous les points.

allowCollationBy

Si cette option est définie, les options de collation disponibles pour générer des marqueurs distincts seront limitées au tableau donné de chaînes (chacune représentant un nom de champ dans les données mappées). Si aucun n’est défini, tous les champs des données mappées peuvent être utilisés.

anchorLegendOnMap

Si true, la légende sera initialement affichée sur la carte sous la forme d’un élément flottant, déplaçable et avec un contrôle pour lui permettre d’être affichée / masquée. Si elle est définie sur false, la légende est placée de manière permanente dans le div sur la page HTML spécifiée par l’identifiant passé dans la méthode addLegend.

autoAdjustAspectRatio

Si true et que le div contenant le widget ne possède ni largeur ni hauteur spécifiée, la largeur ou la hauteur de ce div sera ajustée afin d’afficher au mieux le rapport d’aspect de la carte.

clearSearchResults

Si true, ajoutez un bouton qui efface tous les résultats de recherche actuellement mappés.

clusterDistance

Spécifie la distance maximale (en pixels) utilisée pour déterminer si les points doivent être regroupés.

clusterPoints

Si true, affichez des points suffisamment proches sous la forme d’un seul marqueur représentatif plutôt que comme des points individuels.

clusterThreshold

Si clusterPoints est défini sur true, le nombre minimal de points de fonctionnalité pouvant appartenir à un seul cluster. Si le nombre de points positionnés à proximité est inférieur au seuil, ils seront affichés comme des marqueurs individuels ; sinon, ils seront regroupés.

coordRanges

Spécifie les limites géographiques que la carte autorise à afficher.

dateLineWrap

Spécifie si la carte tente d’afficher les couches et les points à travers la ligne de changement de date.

defaultCollation

Spécifie la propriété d’entité utilisée comme propriété par défaut pour la collation des données de recherche.

googleKey

Si vous utilisez des calques Google Maps, la clé API Google Maps appropriée pour le site. Requis uniquement pour une utilisation à grand volume.

initialExtentLBRT

Définit l’étendue initiale de la carte (spécifiée dans les coordonnées de la carte sous la forme [Gauche, Bas, Droite, Haut]).

layerPath

Lorsque vous utilisez des calques de carte raster (par exemple, des plans de site, etc.), spécifie le chemin d’accès aux fichiers image utilisés.

mapDisplayProjection

Utilisé pour spécifier la projection utilisée lors de l’affichage des contrôles de carte, etc. Particulièrement nécessaire lors de l’utilisation d’une couche TMS.

mapProjection

Utilisé pour spécifier la projection utilisée sur la carte. Particulièrement nécessaire lors de l’utilisation d’une couche TMS.

moreDetailsDialog

Spécifie si les fenêtres contextuelles des points doivent afficher un lien Plus de détails.

pointHighlightOnClick

Spécifie si des points peuvent être sélectionnés en cliquant dessus.

pointHighlightOnHover

Spécifie si les points peuvent être sélectionnés en les survolant avec la souris.

rasterUnits

Les unités utilisées pour spécifier les dimensions de la couche raster (par exemple, latlongs, miles, kilomètres, pouces, etc.).

resetZoomOnSearch

Spécifie si le widget Carte doit revenir au niveau de zoom initial à chaque recherche plutôt que de rester au niveau de zoom actuel.

Type :

string

showLayerSwitcher

Spécifie si un contrôle de changement de couche doit être affiché sur la carte.

showMouseCoordinates

Spécifie si la position de la souris sur la carte est affichée (si c’est le cas, elle sera en coordonnées cartographiques).

showOverviewMap

Spécifie si la carte doit afficher une petite carte d’ensemble.

showScalebar

Spécifie si le widget Carte doit afficher une barre d’échelle.

showStatusMessages

Spécifie si le widget Carte doit afficher à l’utilisateur des messages indiquant ce qu’il est en train de faire.

singleShot

Si true, toute nouvelle recherche effacera et supprimera les recherches précédemment affichées. Si false, toute nouvelle recherche est affichée comme couche supplémentaire sur la carte sans supprimer les couches de recherche existantes.

skipOpeningCollator

Si true, n’affichez pas automatiquement la boîte de dialogue de collation après le retour d’une recherche ; utilisez plutôt les valeurs de collation par défaut.

useInternalMarkerMaker

Si true, le widget carte tentera d’utiliser le mécanisme de dessin des marqueurs personnalisés d’Axiell plutôt que les marqueurs OpenLayers par défaut.

useSimpleDetailDisplay

Si true, lorsqu’un utilisateur clique sur le lien Plus de détails, la fenêtre d’affichage simple des détails des entités du widget carte sera utilisée.

useSphericalMercator

Défini à true si vous utilisez des calques de carte qui utilisent la projection Spherical Mercator (par exemple, les calques de carte Google / Bing / OSM).

zoomToAllInitially

Si true, zoomez ou dézoomez sur la carte pour afficher au mieux tous les points après chaque recherche.

Méthodes

Méthode

Détails

addClusterRangeLayer(visibility)

addClusterRangeLayer(visibility)

Ajoute une couche qui indique l’étendue du cluster d’un marqueur.

Paramètres :

visibility (boolean)

Spécifie si la couche de cluster doit être activée lors de l’affichage initial de la carte.

Retourne :

addCollator(id)

null addCollator(id)

Ajoute un contrôle collator qui utilisera l’identifiant d’élément transmis.

Paramètres :

id (string)

L’attribut id de l’élément destiné à contenir le collator. Si l’élément HTML avec l’identifiant donné n’existe pas, le widget n’affichera pas de collator. Un collator permet à l’utilisateur de modifier les symboles utilisés pour afficher les points et la façon dont ils sont regroupés sur une légende.

Retourne :

null

 

addCustomLayerSwitcher(id)

addCustomLayerSwitcher(id)

Ajoute le sélecteur de couches OL dans un div externe. Cela supprime le sélecteur de couche de la carte afin qu’il puisse être placé ailleurs sur la page.

Paramètres :

id (string)

L’identifiant de l’élément qui contiendra le sélecteur de couche.

Retourne :

addLayer(layer, group)

addLayer(layer, group)

Ajoute une couche à une liste de couches enregistrée en interne.

Paramètres :

layer (mixed)

Le nom du calque à ajouter ou d’un objet calque OpenLayers.

group (string)

Le nom du groupe (ou du site) auquel appartient la couche. Facultatif. Si elle n’est pas spécifiée, la couche n’appartiendra qu’au groupe « common ».

Retourne :

addLegend(id)

addLegend(id)

Ajoute un contrôle legend qui utilisera l’identifiant d’élément id transmis.

Paramètres :

id (string)

 

Retourne :

changeBaseLayer(layerName)

changeBaseLayer(layerName)

Change le calque de base pour qu’il devienne le calque portant le nom indiqué.

Paramètres :

layerName (string)

Le nom du calque. Suppose qu’un calque portant ce nom existe. Si ce n’est pas le cas, aucun changement n’est apporté.

Retourne :

checkConnection()

checkConnection()

Renvoie l’état actuel de la connexion au serveur IMu. NB : actuellement, cela retourne toujours true - réservé pour une utilisation future.

Retourne :

displayItemDetails(rid, context)

displayItemDetails(rid, context)

Affiche une boîte de dialogue avec des détails sur un rid donné.

Paramètres :

rid (string)

L’identifiant de la ressource recherchée (par exemple 'ecatalogue.12345').

context (string)

fetch-set (e.g. 'map').

Retourne :

getClusterDistance(useWorldCoords)

number getClusterDistance(useWorldCoords)

Renvoie le paramètre de distance de cluster actuel.

Paramètres :

useWorldCoords (boolean)

Indique si la valeur doit être exprimée en coordonnées de la carte ou en pixels ; si true, les pixels de la carte et sa résolution en unités sont utilisés pour calculer la valeur en unités cartographiques. Normalement, cela n’a de sens que pour les projections Mercator ou les projections qui ne sont pas basées sur des coordonnées latitude/longitude.

Retourne :

number

 

getLayerGroup()

string getLayerGroup()

Retourne le groupe de calques actuel utilisé par le widget Map.

Retourne :

string

 

getLayerGroups()

array getLayerGroups()

Retourne la liste de tous les layerGroups connus.

Retourne :

array

of string.

getSearchDescriptions()

object getSearchDescriptions()

Renvoie un objet décrivant les détails de toutes les recherches actuellement affichées sur la carte.

Retourne :

object

Le object sera quelque chose comme :

{ My Search #1: { searchName: 'My Search #1', collateByCategory: 'ScientificName', categories: [ 'irn' 'SummaryData', 'ScientificName', 'CommonName', 'Collector', 'Locality' ], }, Site Search: { searchName: 'Site Search', collateByCategory: 'SummaryData', categories: [ 'irn' 'SummaryData', 'Collector', 'DateVisited' ], } }

makeLegendIcon()

makeLegendIcon()

Crée une icône en utilisant le même mécanisme que la légende et les marqueurs de la carte. Cela peut être utilisé pour créer des légendes personnalisées ou afficher les détails d’éléments, etc.

Retourne :

redisplaySearches()

null redisplaySearches()

Réaffiche la recherche en cours. Comme les couches de points peuvent avoir changé (y compris le comportement de clustering), elles doivent être reconstruites à partir de zéro et ajoutées à la carte afin de déclencher correctement la logique de clustering.

Retourne :

null

 

setClusterDistance(distance)

null setClusterDistance(distance)

Définit la distance de cluster.

Paramètres :

distance (number)

Distance en pixels à l’intérieur de laquelle les entités cartographiées seront fusionnées dans un cluster.

Retourne :

null

 

setClusterStrategy(strategy)

null setClusterStrategy(strategy)

Sélectionne la stratégie de clustering à utiliser lors du clustering. Actuellement, seules trois stratégies peuvent être choisies.

La stratégie « default » est rapide et regroupe toujours les données autour d’un emplacement réel où elles sont présentes. Cela peut parfois sembler étrange pour les utilisateurs s’ils s’attendent à ce que les clusters soient placés au centre.

La stratégie « centred » est plus lente et dessine des clusters positionnés au centre de la distribution des entités qui les composent (cela signifie souvent que les clusters ne se trouvent pas à l’emplacement réel d’une entité). Les regroupements produits par cette stratégie peuvent sembler plus intuitifs aux utilisateurs.

La stratégie « none » désactivera le clustering.

Paramètres :

strategy (string)

Actuellement, les options prises en charge sont : « default », « centred » et « none ».

Retourne :

null

 

setClustering(cluster)

null setClustering(cluster)

Active ou désactive la fonctionnalité de clustering.

Paramètres :

cluster (boolean)

Spécifie si le clustering doit être utilisé lors du dessin des marqueurs de points. Le clustering peut être activé ou désactivé par programmation.

Retourne :

null

 

setCollationCategory(searchName, collateBy)

array setCollationCategory(searchName, collateBy)

Spécifie la propriété utilisée pour la collation d’une recherche.

Paramètres :

searchName (string)

Le nom de la recherche.

collateBy (string)

La propriété utilisée pour la collation de cette recherche.

Retourne :

array

Les données de recherche traitées du widget.

setCollationSymbol(symbol)

null setCollationSymbol(symbol)

Spécifie le symbole à utiliser pour afficher les marqueurs.

Paramètres :

symbol (string)

Le nom du symbole.

Retourne :

null

 

setCollationSymbolSize()

null setCollationSymbolSize()

Spécifie la taille à utiliser pour dessiner les marqueurs.

Retourne :

null

 

setItemDetailsDisplay(functionName)

null setItemDetailsDisplay(functionName)

Définit une fonction qui sera appelée lors des demandes de données concernant un élément.

Paramètres :

functionName (string)

Le nom de la fonction qui sera appelée lorsque l’utilisateur demandera des informations sur un élément. La fonction reçoit trois paramètres : source, item nei et un objet de données décrivant l’élément.

Retourne :

null

 

setLayerGroup(layer)

setLayerGroup(layer)

Définit le groupe de calques actuel.

Paramètres :

layer (string)

Le nom du groupe. Si le groupe n’est pas défini, crée un groupe vide.

Retourne :

setMarkerColours(colours)

setMarkerColours(colours)

Remplace la liste par défaut des couleurs choisies lors de l’affichage d’un marqueur.

Paramètres :

colours (string[])

Un tableau de définitions de couleurs RVB.

Retourne :

setMarkerDetailsDisplay(functionName)

null setMarkerDetailsDisplay(functionName)

Définit une fonction qui sera appelée lors des demandes de données concernant un marqueur.

Paramètres :

functionName (string)

Le nom de la fonction qui sera appelée lorsque l’utilisateur demandera des informations sur un marqueur. La fonction reçoit trois paramètres : le widget Carte, un tableau d’entités et un objet événement décrivant la manière dont le marqueur a été sélectionné.

Retourne :

null

 

setMarkerShapes(shapes)

setMarkerShapes(shapes)

Remplace la liste par défaut des formes choisies lors de l’affichage d’un marqueur.

Paramètres :

shapes (string[])

Un tableau de noms de formes (doit être une forme connue, actuellement ce sont :

'circle', 'square', 'triangle', 'upTriangle', 'star', 'cross', 'bowTie', 'x', 'lightning', 'rectangle', 'I', 'T'

Retourne :

setRelevanceByDateRange(layerName, dateField, minDate, maxDate)

setRelevanceByDateRange(layerName, dateField, minDate, maxDate)

Ajuste la pertinence des entités de la ou des couches en fonction des plages de dates.

Paramètres :

layerName (string)

Nom du calque sur lequel agir. layerName peut être * indiquant toutes les couches vectorielles.

dateField (string)

Nom du champ dans les données de chaque point contenant les valeurs de date à tester.

minDate (Date)

Date minimale de correspondance de la plage à rechercher.

maxDate (Date)

Date minimale de correspondance de la plage à rechercher.

Retourne :

setRelevanceFiltering(filtering)

setRelevanceFiltering(filtering)

Active ou désactive la fonctionnalité de filtrage de pertinence.

Paramètres :

filtering (boolean)

Spécifie si les points doivent être filtrés en fonction de leur valeur de pertinence. Le filtrage peut être activé ou désactivé par programmation.

La valeur de pertinence des points dans un calque est calculée chaque fois que la méthode setRelevanceByDateRange est appelée pour ce calque.

Si le filtrage est activé, les propriétés d’affichage de chaque point changeront en fonction de sa valeur de pertinence actuelle.

Retourne :

showStatusMessage(msg, keep)

showStatusMessage(msg, keep)

Afficher un message d’état à l’écran.

Paramètres :

msg (string)

Le message à afficher.

keep (boolean)

Si keep == true, le message reste jusqu’à ce qu’un autre appel soit effectué.

Si keep == false, le message s’estompera et disparaîtra sur une courte période de temps.

Retourne :

Depuis : 2.0

Description

Permet à un utilisateur de gérer des collections distinctes.

Options

Option

Détails

showExport

Spécifie si un bouton d’exportation doit être affiché.

Type :

booléen

showLabel

Spécifie si un libellé doit être affiché.

Type :

booléen

onChangeGroup

L’utilisateur a sélectionné un groupe différent.

onExportGroup

onRestoreGroup

L’utilisateur a demandé que le groupe actuel soit restauré.

Le paramètre group est un objet JavaScript simple qui comprend les éléments suivants :

  • name (string) - Le nom du groupe.
  • irn (number) - Le NEI du groupe dans la table webgroups.
  • entries (array) - L’ensemble des enregistrements du groupe. Chaque élément du tableau entries est un objet JavaScript simple.

Méthodes

Méthode

Détails

addGroup()

addGroup()

Crée un nouveau groupe de collection.

Retourne :

exportGroup()

exportGroup()

Retourne :

nextGroup()

nextGroup()

Passe au groupe de collection suivant.

Retourne :

previousGroup()

previousGroup()

Passe au groupe de collection précédent.

Retourne :

removeGroup()

removeGroup()

Supprime un groupe de collection.

Retourne :

renameGroup()

renameGroup()

Modifie le nom d’un groupe de collection.

Retourne :

restoreGroup()

restoreGroup()

Restaure un groupe de collection.

Retourne :

Depuis : 2.0

Description

Ce widget sera utilisé pour remplir une colonne EMu initialement vide (colonne de fichiers joints).

Cela se fera en faisant correspondre les données de la colonne source (à gauche) aux données d’une colonne de destination DIFFÉRENTE (à droite).

Exemples

  1. Crée un widget normaliser qui recherche l’ecatalogue TitObjectCategory comme source, puis met à jour le champ ColCollectorsRef_tab des enregistrements source avec l’enregistrement Personnes / Organisations sélectionné dans la colonne de destination :

    var w = $('#normaliser').IMu('normaliser', {});  var option = { 'sourceModule':'ecatalogue', 'sourceColumn':'TitObjectCategory', 'destinationModule':'eparties', 'destinationColumn':'SummaryData', 'attachmentColumn' :'ColCollectorsRef_tab', } IMu.Events.bind('imu-show', function() { w.init(option); });

  2. Crée un widget normaliser qui recherche l’ecatalogue TitObjectCategory comme source, puis met à jour le champ ColCollectorsRef_tab des enregistrements source avec l’enregistrement Personnes / Organisations sélectionné dans la colonne de destination : Des sourceTerms supplémentaires sont ajoutés pour affiner la recherche côté source ; dans ce cas, renvoie les enregistrements pour lesquels NotNotes est vide :

    var w = $('#normaliser').IMu('normaliser', {});  var option = { 'sourceModule':'ecatalogue', 'sourceColumn':'TitObjectCategory', 'destinationModule':'eparties', 'destinationColumn':'SummaryData', 'attachmentColumn' :'ColCollectorsRef_tab', 'sourceTerms' : [{'column' : 'NotNotes','value':'!*'}] } IMu.Events.bind('imu-show', function() { w.init(option); });

  3. Afin d’effectuer l’attachement réel de la destination à la source, vous devez créer un gestionnaire d’événements sur la page et appeler la fonction doAttach sur le widget :

    var b = $('#attach'); b.click(function() { w.doAttach(); });

Méthodes

Méthode

Détails

_ready()

_ready()

Objet JavaScript servant à stocker les détails de la destination (côté gauche).

Retourne :

init(options)

init(options)

Initialise le widget afin de définir les options requises...

Paramètres :

options (Object)

L'Object doit inclure les propriétés suivantes :

'sourceModule':'ecatalogue', 'sourceColumn':'TitObjectCategory', 'destinationModule':'eparties', 'destinationColumn':'SummaryData', 'attachmentColumn' :'ColCollectorsRef_tab'

Propriété facultative 'sourceTerms' : [{'column' : 'NotNotes','value':'!*'}]

Retourne :

createTerms(column, term)

createTerms(column, term)

Crée un objet IMu Terms.

Paramètres :

column (string)

Le champ back-end.

term (string)

Le terme à rechercher dans le champ back-end.

Retourne :

doAttach()

doAttach()

Parcourt toutes les options sélectionnées du côté gauche et attache le NEI de l’option sélectionnée du côté droit.

Retourne :

setDestination(module, column)

setDestination(module, column)

Définit le côté destination (gauche) du widget.

Paramètres :

module (string)

Le module vers lequel définir le côté destination.

column (string)

Le champ back-end pour définir la destination.

Retourne :

setSource(module, column)

setSource(module, column)

Définit le côté source (droit) du widget.

Paramètres :

module (string)

Le module sur lequel définir le côté source.

column (string)

Le champ back-end pour définir la source.

Retourne :

fetchValues(term, type, callback)

fetchValues(term, type, callback)

Si les valeurs de type transmises sont « source », effectue un résumé trié en utilisant le terme du côté gauche. Sinon, effectue un fetch normal en utilisant le terme du côté droit. Si une fonction de rappel est transmise, elle sera appelée avec le résultat. Sinon, le résultat sera retourné.

Paramètres :

term (string)

Le terme à utiliser pour la recherche / récupération.

type (string)

Le type de récupération à effectuer ; si autre chose que « source » est transmis, une recherche normale sera effectuée.

callback (callback)

 

Retourne :

Depuis : 2.0

Options

Option

Détails

showToggle

Type :

booléen

Depuis : 2.0

Méthodes

Méthode

Détails

addWidget()

addWidget()

Ajoute un widget à l’ensemble à afficher.

Retourne :

get(index)

object get(index)

Retourne des informations sur une page.

Paramètres :

index (int)

Le numéro de la page.

Retourne :

object

Les informations sur la page.

select(index)

boolean select(index)

Sélectionne une page.

Paramètres :

index (int)

Le numéro de la page.

Retourne :

booléen

Un indicateur indiquant si une nouvelle page a été sélectionnée.

add()

add()

Déclassé. Ajoute un widget à l’ensemble à afficher.

Retourne :

Depuis : 2.0

Description

Viewer de base pour tous les viewers qui chargent leurs résultats une page à la fois.

Options

Option

Détails

showSelectionControl

Si true, inclut un contrôle permettant de sélectionner l’enregistrement. Lorsque l’enregistrement est sélectionné, il est ajouté à la collection courante de l’utilisateur.

Depuis : 2.0

Description

Affiche un enregistrement EMu.

Options

Option

Détails

showSelectionControl

Si true, inclut un contrôle permettant de sélectionner l’enregistrement. Lorsque l’enregistrement est sélectionné, il est ajouté à la collection courante de l’utilisateur.

showSelectionControl

Méthodes

Méthode

Détails

showMaster()

showMaster()

Affiche l’enregistrement défini comme enregistrement principal.

Retourne :

showRecord(module, key)

showRecord(module, key)

Affiche un enregistrement spécifique.

Paramètres :

module (string)

Le nom du module contenant l’enregistrement à afficher.

key (integer)

Le NEI de l’enregistrement à afficher.

Retourne :

Depuis : 2.0

Description

Un widget pour la recherche.

Options

Option

Détails

showSubmit

Spécifie si un bouton de recherche doit être ajouté.

Type :

booléen

onlyItemsWithImages

Spécifie qu’une invite Seuls les éléments avec des images doit également être affichée.

Type :

booléen

Méthodes

Méthode

Détails

add()

add()

Ajoute des champs au formulaire de recherche.

Retourne :

clear()

clear()

Efface le formulaire de recherche.

Retourne :

getTerms()

getTerms()

Retourne les termes de recherche de chacun des champs.

Retourne :

search()

search()

Initialise une recherche.

Retourne :

Depuis : 2.0

Description

Contrôle de sélection (généralement une liste déroulante).

Options

Option

Détails

list

La source de la liste de sélection à afficher. Voir la méthode setList ci-dessous pour plus d’informations.

Méthodes

Méthode

Détails

setList()

setList()

Définit la liste des valeurs à afficher.

Le type de l’argument data peut être :

  • object

C’est le type d’information le plus flexible. L'object peut contenir les propriétés suivantes :

  • type (string)

Le type de liste à spécifier. Peut être :

  • array * function * lookup
  • array
  • function
  • string

Retourne :

Depuis : 2.0

Depuis : 2.0

Description

sort control.

Depuis : 2.0

Description

Contrôle de texte statique.

Depuis : 2.0

Depuis : 2.0

Exemples

Options

Option

Détails

showCancel

Si true, affiche un contrôle permettant à l’utilisateur d’annuler l’ensemble actuel des modifications apportées aux données du modèle.

Type :

booléen

showSave

Si true, affiche un contrôle permettant à l’utilisateur d’enregistrer l’ensemble actuel des modifications apportées aux données du modèle.

Type :

booléen

onCancel

Appelé lorsque l’ensemble de modifications en cours doit être annulé.

onSave

Appelé lorsque l’ensemble des modifications en cours doit être sauvegardé.

onValidate

Appelé lorsque l’ensemble actuel de modifications doit être validé.

Méthodes

Méthode

Détails

useTemplate(table, id, callback)

useTemplate(table, id, callback)

Récupère un modèle sur le serveur et l’affiche.

Paramètres :

table (string)

La table à laquelle le modèle est associé.

id (string)

Le id du modèle.

callback (function)

La fonction appelée lorsque le modèle a été récupéré sur le serveur.

Retourne :

Depuis : 2.0

Description

Contrôle de saisie de texte.

Options

Option

Détails

lines

Le nombre de lignes d’entrée.

Type :

number

suggest

La façon d’offrir des suggestions de saisie semi-automatique.

Getter:

getSuggest()

Depuis : 2.0

Description

Le widget @name fournit un mécanisme pour sélectionner différents thèmes IMu afin que l’apparence de la page puisse être modifiée dynamiquement par l’utilisateur.

Options

Option

Détails

label

Spécifie qu’un libellé (invite) doit être ajouté avant tout élément de sélection.

Type :

booléen

Méthodes

Méthode

Détails

getThemes()

string[] getThemes()

Retourne les options de thème disponibles.

Retourne :

string[]

Un tableau de string représentant les thèmes disponibles.

Depuis : 2.0

Description

Contrôle de temps simple.

Options

Option

Détails

picker

Si true, affiche un sélecteur de temps contextuel lorsque le contrôle reçoit le focus.

Type :

booléen

onEnter

Appelé lorsque l’utilisateur a appuyé sur la touche Enter.

Depuis : 2.0

Description

Affiche la structure arborescente d’un enregistrement donné.

Depuis : 2.0

Depuis : 2.0

Description

Widget de base pour tous les widgets qui affichent les enregistrements d’un jeu de résultats.

Options

Option

Détails

onRecordSelected

Appelé lorsqu’un enregistrement a été sélectionné.

Généralement utilisé pour permettre de passer d’une vue sommaire telle que list ou lightbox à une vue plus détaillée telle que details.

Depuis : 2.0