SAP UI5 - Contrôles du bloc-notes

UNE Controlest utilisé pour définir l'apparence et la zone de l'écran. Il contient des propriétés telles que la largeur et le texte. Ces propriétés sont utilisées pour modifier l'apparence ou changer les données affichées par le contrôle. Vous pouvez créer des contrôles agrégés ou des contrôles associés.

Associated controld'un contrôle est défini comme des contrôles vaguement liés, qui ne sont pas des contrôles enfants ou une partie du contrôle principal. Les contrôles sont utilisés pour déclencher des événements bien définis.

Les contrôles dans SAPUI5 peuvent être créés directement à l'aide d'un outil ou d'un fichier JavaScript. Les contrôles créés à l'aide de la méthode extend () sont également appelésNotepad controls.

Le code suivant est utilisé pour définir un contrôle à l'aide de la méthode Extend -

Sap.ui.core.control.extend (sname, oDefinition);

Les paramètres qui sont passés à ce contrôle -

• Nom du contrôle
• Définition du contrôle

La définition d'un contrôle contient des informations sur l'API de contrôle, les agrégations, les événements, etc. et les méthodes d'implémentation.

Vous pouvez également créer des contrôles personnalisés. La définition du contrôle personnalisé peut contenir des méthodes publiques et privées, des métadonnées et une méthode de rendu, etc.

metadata:{
   properties: {},
   events: {},
   aggregations: {}
},

publicMethod: function() {},
_privateMethod: function() {},
init: function() {}
onclick: function(e) {},
renderer: function(rm, oControl) {}

La création d'un nouveau contrôle hérite de Button -

Sap.ui.commons.Button.extend (sname, oDefinition);

le metadata dans la définition de contrôle se compose d'objets pour les propriétés de contrôle, les événements et les agrégations.

Propriété

• Type: type de données de la propriété de contrôle
• String: chaîne pour une propriété string
• Int ou float pour les propriétés numériques
• Int [] pour un tableau d'entiers
• String [] pour un tableau de chaînes

Événements

Les événements sont définis par l'événement de nom uniquement. Vous passez normalement un objet vide à un événement. L'application utilise l'indicateur enablePreventDefault pour interrompre l'événement.

Events: {
   Logout:{},
   Close: {
      enablePreventDefault : true
   }
}