OpenUI5 : HelloWorld

1 – Création d’un nouveau projet SAPUI5 « Hello World » basé sur la librairie sap.ui.commons

2 – Création de la vue initiale « Main » Javascript

3 – Ouvrir le fichier « index.html » et y insérer le code suivant pour ajouter un bouton « Click me » pour afficher une alerte « Hello World! » lorsque l’on clique dessus :

//Déclaration du bouton :
var btn = new sap.ui.commons.Button;
//Libellé du bouton :
btn.setText(« Click me »);
//Evénement Press:
btn.attachPress(function(){alert(« Hello! »)});
//Placement du bouton dans la zone de contenu :
btn.placeAt(« content »);

Capture d’écran 2015-03-22 à 21.12.04

Documentation du Button : https://sapui5.hana.ondemand.com/sdk/docs/api/symbols/sap.ui.commons.Button.html

4 – Test de l’application (click droit sur le projet > Run As > Run on Server) :
Capture d’écran 2015-03-22 à 21.14.17

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s