Skip to main content

Onglets

Onglet : Général

L'onglet contient les métadonnées générales du contrôle HTML5 ouvert et permet de les modifier. Les données doivent être utilisées pour identifier de manière unique le contrôle HTML5.

Tableau 150. Identification

Entreprise

Auteur ou fabricant de l'élément

Exemple: Xyz GmbH

Astuce

Dans les contrôles HTML5 installés, CODESYS peut filtrer par les noms d'entreprise spécifiés ici.

Nom

Nom de l'élément ; affiché comme valeur de Type d'élément

Exemple : Gauge

Description

Affiché dans le Propriétés voir dans le champ en dessous. Les propriétés sélectionnées ci-dessus y sont commentées.

Version

Numéro de version défini par l'utilisateur

Pour maintenir la compatibilité, les éléments qui ont déjà été publiés ne doivent être modifiés qu'après l'attribution d'une nouvelle version.

Exemple : 0.0.0.1

Catégorie Boîte à outils

Catégorie où se trouve le contrôle HTML5



Tableau 151. Fichiers

Image

Nom du fichier image

Pour plus d'informations, voir : Affichage des fichiers image

Fichiers supplémentaires

  • Références d'images

  • Fichiers Javascript nécessaires au fonctionnement du contrôle HTML5

    Exemple : d3.js, jQuery.js, ElementWrapper.js

    L'ordre reflète les dépendances. Les éléments en haut de la liste sont chargés en premier. Par conséquent, il est souvent judicieux de placer les ElementWrapper.js entrée à la fin de la liste.



Onglet : Propriétés de contrôle

Fonction : L'interface du contrôle HTML5 comprend des propriétés et des catégories. Elles sont répertoriées.

Lorsque le champ HTML5 ouvert sous l'éditeur est utilisé dans une visualisation, il affiche les propriétés dans la liste. Il se comporte ensuite comme un élément de visualisation normal dans la visualisation. Ses propriétés sont affichées (dans le Propriétés voir). Ils peuvent être combinés par thème et organisés hiérarchiquement à l'aide de catégories. La configuration du type d'éditeur signifie que le développeur de la visualisation bénéficie de l'assistance d'un éditeur dont vous configurez le type ici lors de la saisie des valeurs.

Tableau 152. Propriétés du contrôle et titre de colonne

Colonne

Option d'entrée

Descriptif

Propriété

Cette colonne répertorie les propriétés structurées hiérarchiquement du contrôle. Il s'agit de propriétés par défaut, de nœuds structurants et de propriétés configurables spécifiques

Valeur par défaut

Cette colonne répertorie les valeurs par défaut pour la propriété correspondante. La valeur par défaut doit être conforme au type d'éditeur défini ci-dessous.

Par exemple, si le type de l'éditeur est une variable, la valeur par défaut doit être conforme au type de cette variable. La valeur peut être spécifiée sous forme de littéral ou de variable

Type de propriété

Cette colonne est utilisée pour définir le comportement de la propriété lors de l'exécution.

Mettre à jour

La valeur n'est transférée qu'une seule fois au début.

Initialiser

Lorsque la valeur change, elle est transférée vers le contrôle HTML5.

Type de variable

Cette colonne répertorie le type de variable configuré pour la propriété correspondante.

Les types de variables valides sont les types de données disponibles tout au long du projet (types de données de base, types de données personnalisés, blocs fonctionnels et blocs de bibliothèque).

Exemple : INT, PropertyNames.Colors

Identifiant de description

Cette colonne répertorie le nom d'une entrée sur le »Localisationonglet "pour la propriété correspondante.

Type d'éditeur

Cette colonne répertorie le type d'éditeur configuré pour la propriété correspondante.

Cela détermine l'éditeur en ligne qui s'ouvre lorsque le développeur de la visualisation clique sur la cellule du »Propriétés« vue lors de la configuration du contrôle HTML5 afin de créer une entrée dans le »Valeurcolonne «.

Note

Notez que la valeur par défaut et le type de variable doivent être configurés en fonction du type d'éditeur.

Variable

Editeur de variables pour la sélection d'une variable à l'aide du Codage intelligent fonctionnalités et assistant de saisie

couleur

Éditeur de couleurs pour sélectionner une couleur de style ou une couleur personnalisée

Note

Il est possible d'utiliser l'éditeur de couleurs comme un éditeur de variables lorsqu'un DWORD une variable est saisie.

Fonte

Éditeur de polices pour sélectionner une police de style ou une police personnalisée

Note

Il est possible d'utiliser l'éditeur de polices comme un éditeur de variables lorsqu'un VisuElems.VisuStructFont variable est saisie.

Case à cocher

Éditeur de cases à cocher pour sélectionner une valeur booléenne

Note

Il est possible de passer de l'éditeur de cases à cocher à un éditeur de variables lorsqu'une variable booléenne est saisie.

Image

Éditeur de sélection d'images pour attribuer une image

Gamme de baies

Editeur pour l'attribution d'un segment de tableau

Dans ce cas, seule la zone de défilement est transférée vers le contrôle.

Méthode d'appel

L'appel de méthode pour la propriété correspondante est configuré ci-dessous.

À l'aide du wrapper d'éléments, les propriétés configurées dans cet onglet sont transférées vers le contrôle HTML5. Des méthodes correspondantes peuvent être définies à cette fin. Cette colonne est utilisée pour attribuer les propriétés. Il est possible de définir un certain nombre de méthodes.

La signature de la méthode ressemble à ceci :

methodName: function(value, type, typeid)

methodName

N'importe quel nom de méthode. La méthode est appelée pour transmettre la valeur de la variable IEC au contrôle HTML5

value

Valeur de la variable IEC ou de la constante IEC

type

Type de variable

typeid

Identifiant de type de la variable



Les propriétés par défaut suivantes sont affichées en police grise sur fond gris. Ils ne peuvent être ni modifiés ni configurés.

Description de l'élément

Spécifiez le texte souhaité.

Propriété par défaut amovible

Le texte est affiché dans Propriétés voir sous le Type d'élément propriété lors de l'utilisation du contrôle HTML5.

Poste

Aucune

Propriété par défaut

Centre

Aucune

Propriété par défaut

Mouvement absolu

Aucune

Propriété par défaut

Variables d'état

Aucune

Propriétés par défaut

Configuration des entrées

Aucune

Propriété par défaut amovible

Tableau 153. Étendez le tableau avec des propriétés ou des nœuds spécifiques à l'aide des icônes de commande suivantes

_visu_icon_createnewsiblingentry.png

Cliquez sur l'icône pour ajouter une nouvelle propriété en dessous de la ligne sélectionnée ou en bas. Le nom par défaut est « Propriété ». Remplacez-le par un nom unique et significatif. Double-cliquez sur la propriété pour spécifier un nom approprié.

Ajouter un nœud

_visu_icon_createnewchildentry.png

Cliquez sur l'icône pour ajouter une nouvelle propriété subordonnée en dessous de la ligne sélectionnée ou en bas. Le nom par défaut est « Propriété ». Remplacez-le par un nom unique et significatif. Double-cliquez sur la catégorie pour spécifier un nom approprié.

Ajouter un nœud enfant

_visu_icon_createnewsiblingentrycategory.png

Cliquez sur l'icône pour ajouter une nouvelle catégorie en dessous de la ligne sélectionnée ou en bas. Le nom par défaut est « Nœud de catégorie ». Remplacez-le par un nom unique et significatif et configurez les autres colonnes.

Ajouter un nœud de catégorie

_visu_icon_createnewchildentrycategory.png

Cliquez sur l'icône pour ajouter une nouvelle catégorie subordonnée soit en dessous de la ligne sélectionnée, soit en bas de la ligne. Le nom par défaut est « Nœud de catégorie ». Remplacez-le par un nom unique et significatif. Double-cliquez sur la catégorie pour spécifier un nom approprié.

Ajouter un nœud de catégorie enfant



Pour plus d'informations, voir :

HTML5 Control Developer’s Reference

Onglet : Localisation

L'onglet permet de traduire les noms des propriétés ou des catégories dans d'autres langues.

Nom

Nom de la propriété ou de la catégorie tel qu'il est défini sur le Éditeur de contrôle HTML5 languette

Le nom est utilisé comme ID. Selon le réglage de la langue, le texte correspondant de la colonne de langue s'affiche alors.

<langue>

Traduction du nom (du bien ou de la catégorie)

La langue à traduire est indiquée dans le titre de la colonne (comme code de langue selon ISO 639-1).

Exemple: en