OpenUI5 : Simple application – Initialisation par modèle JSON

1 – Reprenez votre projet Simple Application vu précédemment.

2 – Reprenez le code de la méthode createContent (UserDetails.view.js) et y ajouter le chargement d’un modèle JSON qui sera utilisé via un Data Binding sur les deux inputs fields :

Capture d’écran 2015-03-29 à 16.17.18

//JSON data :
var data = {
nom: « Simpson »,
prenom:« Bart »,
};
//Création de l’instance du modèle JSON :
var oModel = new sap.ui.model.json.JSONModel();
//Assignation des données au modèle :
oModel.setData(data);
//Assignation du modèle au Core :
sap.ui.getCore().setModel(oModel);

//Text field prénom :
var oPrenomVal = new sap.ui.commons.TextField(« prenomVal », {value: « {/prenom} »});
//Text field nom :
var oNomVal = new sap.ui.commons.TextField(« nomVal », {value: « {/nom} »});

Capture d’écran 2015-03-29 à 16.35.36

Au chargement de l’application, les input fields sont initialisés :
Capture d’écran 2015-03-29 à 16.43.57

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 )

Connexion à %s