Récupérer la valeur sélectionnée et la placer dans un autre champ

Support
1

Je dispose d’une liste déroulante (“Enum”) remplie d’informations que je récupère sur un service web.

Mon besoin est le suivant :
Dès que je sélectionne une valeur dans la liste, je souhaite récupérer la valeur sélectionnée et la placer dans un autre champ.

Ma question : Est-ce le besoin couvert par Simplicité ?

J’espère avoir été clair dans mes explications

2

Il y a plusieurs manière de faire ce genre de choses coté client et/ou coté serveur mais avant de vous donner une réponse purement technique je voudrais comprendre quel est le besoin métier auquel vous essayez de répondre de cette manière car j’ai peur que ça ne soit pas la bonne approche.

3

Suite à notre discussion lors du call d’aujourd’hui, voici pour commencer un exemple de code UI qui sur un “change” sur un attribut texte long appObj1Address appelle une API JSON, affiche un dialogue de confirmiation Ok/Cancel et, si Ok, valorise un autre attribut appObj1City:

(function(ui) {
	var app = ui.getAjax();

	Simplicite.UI.hooks.AppObject1 = function(o, cbk) {
		try {
			var p = o.locals.ui;
			if (p && o.isMainInstance()) {
				p.form.onload = function(ctn, obj) {
					var a = ui.getUIField(ctn, obj, "appObj1Address");
					console.log(a);
	                a.ui.on("change", function() {
	                    var v = a.ui.val();
	                    $.ajax({ url: "https://docs.simplicite.io/tests/test1.json", dataType: "json" }).done(function(data) {
	                    	console.log(data);
		                    ui.confirm({
		                    	title: "Check address",
		                    	content: v + " => " + JSON.stringify(data),
		                    	onOk: function() {
									ui.getUIField(ctn, obj, "appObj1City").ui.val(data.address.city);
		                    	},
		                    	onCancel: function() {
									ui.info("Address " + v + " is icorrect!");
		                    	}
		                    });
	                    });
	                });
				};
			}
		} catch(e) {
			app.error(e.message);
		} finally {
			cbk && cbk(); // final callback
		}
	};
})(window.$ui);

Ce code est à mettre dans une ressource SCRIPT de votre objet.

Je vous laisse adapter ce que vous affichez dans la popup de confirmation, c’est du HTML.

4

PS: Je reviendrai vers vous plus tard pour l’équivalent coté serveur