Lookup (jqm1000) - Historique des versions

Syfre : /* Référence */

2014-04-07T13:45:33Z

Référence

Syfre le 7 avril 2014 à 13:44

2014-04-07T13:44:48Z

Syfre : /* Chargement des listes de sélection */

2014-04-07T13:44:36Z

Chargement des listes de sélection

Syfre : Page créée avec « Le support des listes de sélection permet d'alimenter un zone de sélection par le résultat d'une interrogation du serveur. ===Champ de sélection=== L'usage d'une list... »

2014-04-07T13:37:29Z

Page créée avec « Le support des listes de sélection permet d'alimenter un zone de sélection par le résultat d'une interrogation du serveur. ===Champ de sélection=== L'usage d'une list... »

Nouvelle page

Le support des listes de sélection permet d'alimenter un zone de sélection par le résultat d'une interrogation du serveur.

===Champ de sélection===
L'usage d'une liste de sélection ce fait dans le cadre d'un formulaire de saisie encapsulé dans une page.

Dans cette page vous gérez des champs de saisie, dans le code html de la page ajoutez un champ select pour gérer la sélection :

<pre>
<div data-role="content">
....
<div data-role="fieldcontain">
<select name="field_motif" class="lookup" data-lookup="/lookupMotifs" id="field_motif" ><option>select a motif</option></select>
</div>
</div>
</pre>

Le champ doit avoir la classe '''lookup''' pour permettre l'alimentation des valeurs de sélection.

===Chargement des listes de sélection===
Le chargement de la liste de sélection peut se faire après la connexion au serveur, cette méthode est particulièrement adaptée si les valeurs sélectionnées sont statiques.

Dans ce cas utilisez la méthode onConnected du contexte de l'objet $l1000 :

<source lang="delphi">

$(document).ready( function() {

$.l1000.initialize({
....
onConnected: function () {
// load lookups
$('.lookup').lookup();
}
});
}
</source>

Cette méthode va charger tous les champs de sélection ayant la classe '''lookup'''

===Code serveur===
Coté serveur vous devez prévoir une requête les valeurs sélectionnable.

Cette requête doit retourner une structure de couple valeur/libellé :

<source lang="delphi">
//Procedure getMotifs(req:Tjson; var resp:TObject);
var json:TJson; inst:TEtatRefus; indx:Integer;
begin
json := TJson.Create('');
resp := json;
indx := 0;
foreachP inst in TEtatRefus.CreateCursor do
begin
json.result[indx].t := inst.Caption;
json.result[indx].v := inst.Code;
indx := indx+1;
end;
end;
</source>

[[Category:jqm1000.js]]

@@ Ligne 69 : / Ligne 69 : @@
 !Usage
 |-
-|[[lookup (jqm1000)$.fn.|lookup()]]
+|[[lookup (jqm1000)|$.fn.lookup()]]
 |Chargement des valeurs de sélection.
 |}

← Version précédente		Version du 7 avril 2014 à 13:44
Ligne 63 :		Ligne 63 :
	</source>		</source>

		+	===Référence===
		+	{\|class="wikitable"
		+	\|-
		+	!Fonction
		+	!Usage
		+	\|-
		+	\|[[lookup (jqm1000)$.fn.\|lookup()]]
		+	\|Chargement des valeurs de sélection.
		+	\|}



	[[Category:jqm1000.js]]		[[Category:jqm1000.js]]

← Version précédente		Version du 7 avril 2014 à 13:44
Ligne 37 :		Ligne 37 :

	Cette méthode va charger tous les champs de sélection ayant la classe '''lookup'''		Cette méthode va charger tous les champs de sélection ayant la classe '''lookup'''
		+
		+	Si les valeurs de sélection ne sont pas statiques, par exemple si elles dépendent du contexte de saisie, vous devez alimenter les zones de sélection AVANT la saisie, par exemple sur un évènement de changement de page.
		+
		+	{{tip\|Ne tentez pas d'alimenter le champ de sélection sur le onClick de l'élément, cette méthode ne fonctionne pas}}

	===Code serveur===		===Code serveur===