Lists (jqm1000) - Historique des versions

Syfre : /* Liste maître */

2014-06-24T07:58:34Z

Liste maître

← Version précédente		Version du 24 juin 2014 à 07:58
Ligne 21 :		Ligne 21 :
	\|Cette entrée est un diviseur de la liste		\|Cette entrée est un diviseur de la liste
	\|-		\|-
	\|~~headerclass~~		\|classDetails
	\|Classe ~~du libellé~~		\|Classe de l'élément détail
			\|-
			\|id
			\|Identifiant passé en paramètre à ope()
			\|-
			\|img
			\|Image associé à l'entrée
	\|-		\|-
	\|header		\|header
	\|Libellé principal de l'entrée		\|Libellé principal de l'entrée
	\|-		\|-
	\|~~subclass~~		\|headerclass
	\|Classe du ~~sous~~ libellé		\|Classe du libellé principal de l'entrée
			\|-
			\|name
			\|Nom de l'entrée (affiché avant le libellé principal)
			\|-
			\|nameclass
			\|Class du nom de l'entrée
	\|-		\|-
	\|sub		\|sub
	\|Sous libellé de l'entrée		\|Sous libellé de l'entrée
			\|-
			\|subclass
			\|Classe du sous libellé de l'entrée
	\|-		\|-
	\|bubble		\|bubble
Ligne 38 :		Ligne 53 :
	\|ope		\|ope
	\|Méthode pour obtenir le détail		\|Méthode pour obtenir le détail
	\|-
	~~\|id~~
	~~\|Identifiant passé en paramètre à ope()~~
	\|-
	~~\|img~~
	~~\|Image associé à l'entrée~~
	\|-
	~~\|nameclass~~
	~~\|Class du nom de l'entrée~~
	\|-
	~~\|name~~
	~~\|Nom de l'entrée (affiché avant le libellé principal)~~
	\|}		\|}

			*classDetails
			:Défaut: details
			:Valeurs possibles: details, subdetailslink

Syfre le 7 avril 2014 à 13:49

2014-04-07T13:49:04Z

← Version précédente		Version du 7 avril 2014 à 13:49
Ligne 319 :		Ligne 319 :
	end;		end;
	</source>		</source>

			===Référence===
			{\|class="wikitable"
			\|-
			!Fonction
			!Usage
			\|-
			\|[[search (jqm1000)\|$.mobApp.search()]]
			\|Exécute une requête de sélection et alimente une liste
			\|-
			\|[[details (jqm1000)\|$.mobApp.details()]]
			\|Exécute une requête de détail et alimente une grille
			\|}


	[[category:Mobiles]]		[[category:Mobiles]]
	[[category:jqm1000.js]]		[[category:jqm1000.js]]

Syfre : /* Liste maître */

2014-04-07T12:25:52Z

Liste maître

← Version précédente		Version du 7 avril 2014 à 12:25
Ligne 11 :		Ligne 11 :

	Chaque structure sera affichée comme une entrée de la liste.		Chaque structure sera affichée comme une entrée de la liste.

			'''Membre de la structure:'''
			{\|class="wikitable"
			\|-
			!Membre
			!Usage
			\|-
			\|divider (bool)
			\|Cette entrée est un diviseur de la liste
			\|-
			\|headerclass
			\|Classe du libellé
			\|-
			\|header
			\|Libellé principal de l'entrée
			\|-
			\|subclass
			\|Classe du sous libellé
			\|-
			\|sub
			\|Sous libellé de l'entrée
			\|-
			\|bubble
			\|Nombre d'entrée dans le détail
			\|-
			\|ope
			\|Méthode pour obtenir le détail
			\|-
			\|id
			\|Identifiant passé en paramètre à ope()
			\|-
			\|img
			\|Image associé à l'entrée
			\|-
			\|nameclass
			\|Class du nom de l'entrée
			\|-
			\|name
			\|Nom de l'entrée (affiché avant le libellé principal)
			\|}



	Exemple :		Exemple :

Syfre le 7 avril 2014 à 12:14

2014-04-07T12:14:37Z

← Version précédente		Version du 7 avril 2014 à 12:14
Ligne 129 :		Ligne 129 :
	\|h		\|h
	\|href du lien		\|href du lien
			\|-
			\|p
			\|Nom de page
	\|-		\|-
	\|id		\|id
Ligne 147 :		Ligne 150 :
	\|ico		\|ico
	\|Nom de l'image associé au bouton.		\|Nom de l'image associé au bouton.
			\|-
			\|style
			\|Attribut "style" placé sur le diviseur.
	\|}		\|}

Ligne 155 :		Ligne 161 :
	!Type		!Type
	!Usage		!Usage
			!Membres
	!h		!h
	!id		!id
Ligne 160 :		Ligne 167 :
	\|a		\|a
	\|Exécuter une action		\|Exécuter une action
			\|v,h,id,afs,afe,bfa,style
	\|Nom de la méthode à exécuter		\|Nom de la méthode à exécuter
	\|Valeur de l'identifiant à passer dans la structure req (id)		\|Valeur de l'identifiant à passer dans la structure req (id)
Ligne 165 :		Ligne 173 :
	\|l		\|l
	\|Lien html		\|Lien html
			\|v,h,ico
	\|href du lien		\|href du lien
	\|		\|
Ligne 170 :		Ligne 179 :
	\|d		\|d
	\|Lien sous détails		\|Lien sous détails
			\|v,h,id
	\|Méthode retournant le sous détail		\|Méthode retournant le sous détail
	\|Identifiant de sous requête.		\|Identifiant de sous requête.
Ligne 175 :		Ligne 185 :
	\|g		\|g
	\|Sous détails		\|Sous détails
			\|v,h,id
	\|Méthode retournant le sous détail		\|Méthode retournant le sous détail
	\|Identifiant de sous requête.		\|Identifiant de sous requête.
Ligne 180 :		Ligne 191 :
	\|m		\|m
	\|Lien de type map		\|Lien de type map
			\|v,h
	\|Adresse au format Google		\|Adresse au format Google
	\|		\|
Ligne 185 :		Ligne 197 :
	\|c		\|c
	\|Lien de type chart		\|Lien de type chart
			\|v,h,id
	\|Méthode retournant les données du Chart		\|Méthode retournant les données du Chart
	\|Identifiant de sous requête.		\|Identifiant de sous requête.
Ligne 190 :		Ligne 203 :
	\|p		\|p
	\|Naviguer sur une page		\|Naviguer sur une page
			\|v,h,id,p
	\|		\|
	\|		\|
Ligne 195 :		Ligne 209 :
	\|di		\|di
	\|Afficher un document ou une image		\|Afficher un document ou une image
			\|v,h,id
	\|Méthode retournant le document ou l'image		\|Méthode retournant le document ou l'image
	\|Identifiant du document ou de l'image		\|Identifiant du document ou de l'image
	\|-		\|-
	\|i		\|i
	\|Information		\|Information ou alerte
			\|v,ico
	\|		\|
	\|		\|

Syfre le 7 avril 2014 à 11:51

2014-04-07T11:51:03Z

← Version précédente		Version du 7 avril 2014 à 11:51
Ligne 68 :		Ligne 68 :

	===Grille de détails===		===Grille de détails===
			Un détail est constitué d'une liste d'éléments retournés dans un tableau.

			La liste peut contenir deux types d'entrée :
			* Les entrées simple, sans action associée (pas de membre "l").
			* Les entrées avec une action associe (avec membre "l")

			Les entrées simples sont affichées dans une grille à deux colonnes, la première affiche le titre (t) et la seconde la valeur (v).

			Les entrées avec action associée sont affichées ensuite en liste verticale.

	Le JSON doit retourner un tableau de structures :		Le JSON doit retourner un tableau de structures :
	<pre>		<pre>
Ligne 76 :		Ligne 86 :
	"v": "BARRES SA"		"v": "BARRES SA"
	},		},
			....
	{		{
	"t": "~~address",~~		"l": "l",
	~~"v": "221, avenue Charles de Gaulle"~~
	},
	{
	~~"t": "zip",~~
	~~"v": "92200"~~
	},
	{
	~~"t": "town",~~
	~~"v": "NEUILLY SUR SEINE"~~
	},
	{
	~~"t": "tel~~",
	"v": "01 41 66 24 10",		"v": "01 41 66 24 10",
	~~"l": "l",~~
	"h": "tel:01 41 66 24 10"		"h": "tel:01 41 66 24 10"
	},		},
	{		{
	"t": "~~locate~~",		"l": "m",
	"v": "Google map",		"v": "Google map",
	~~"l": "m",~~
	"h": "221, avenue Charles de Gaulle,92200,FRANCE"		"h": "221, avenue Charles de Gaulle,92200,FRANCE"
	},		},
	{		{
	"t": "~~orders~~",		"l": "d",
	"v": "view last orders",		"v": "view last orders",
	~~"l": "d",~~
	"h": "/orders",		"h": "/orders",
	"id": "E16F5913EED000310032000000A30000"		"id": "E16F5913EED000310032000000A30000"
	},		},
	{		{
	"t": "~~products~~",		"l": "c",
	"v": "view product charts",		"v": "view product charts",
	~~"l": "c",~~
	"h": "/products",		"h": "/products",
	"id": "E16F5913EED000310032000000A30000"		"id": "E16F5913EED000310032000000A30000"
Ligne 117 :		Ligne 112 :
	}		}
	</pre>		</pre>

	~~Les entrées simples sont affichées en grille, les entrées avec lien ou action sont affichés en bouton.~~

	{\|class="wikitable"		{\|class="wikitable"
Ligne 139 :		Ligne 132 :
	\|id		\|id
	\|id (oid) de l'objet associé au lien		\|id (oid) de l'objet associé au lien
			\|-
			\|idf
			\|id du conteneur de la valeur (span)
			\|-
			\|afs
			\|Liste d'actions exécutées après le succès de l'action
			\|-
			\|afe
			\|liste d'action exécutées après l'échec de l'action
			\|-
			\|bfa
			\|liste d'action exécutées avant l'action
			\|-
			\|ico
			\|Nom de l'image associé au bouton.
	\|}		\|}

	Type de lien :		Type de lien (valeur du membre "l") :

	{\|class="wikitable"		{\|class="wikitable"
	\|-		\|-
	!~~Membre~~		!Type
	!Usage		!Usage
	!h		!h
Ligne 189 :		Ligne 197 :
	\|Méthode retournant le document ou l'image		\|Méthode retournant le document ou l'image
	\|Identifiant du document ou de l'image		\|Identifiant du document ou de l'image
			\|-
			\|i
			\|Information
			\|
			\|
	\|}		\|}

Ligne 214 :		Ligne 227 :
	json.result[0].v := inst.company;		json.result[0].v := inst.company;
	//		//
	~~json~~.~~result[1]~~.~~t := 'address';~~		...
	~~json~~.~~result[1].v := inst.street;~~
	//
	~~json.result[2].t := 'zip';~~
	~~json.result[2].v := inst.zipCode;~~
	//
	~~json.result[3].t := 'town';~~
	~~json.result[3].v := inst.town;~~
	//		//
	json.result[4].t := 'tel';		json.result[4].t := 'tel';

Syfre le 4 avril 2014 à 14:46

2014-04-04T14:46:15Z

← Version précédente		Version du 4 avril 2014 à 14:46
Ligne 118 :		Ligne 118 :
	</pre>		</pre>

	Les entrées simples sont affichées en grille, les entrées avec lien sont affichés en bouton.		Les entrées simples sont affichées en grille, les entrées avec lien ou action sont affichés en bouton.

	{\|class="wikitable"		{\|class="wikitable"
Ligne 149 :		Ligne 149 :
	!h		!h
	!id		!id
			\|-
			\|a
			\|Exécuter une action
			\|Nom de la méthode à exécuter
			\|Valeur de l'identifiant à passer dans la structure req (id)
	\|-		\|-
	\|l		\|l
Ligne 157 :		Ligne 162 :
	\|d		\|d
	\|Lien sous détails		\|Lien sous détails
			\|Méthode retournant le sous détail
			\|Identifiant de sous requête.
			\|-
			\|g
			\|Sous détails
	\|Méthode retournant le sous détail		\|Méthode retournant le sous détail
	\|Identifiant de sous requête.		\|Identifiant de sous requête.
Ligne 169 :		Ligne 179 :
	\|Méthode retournant les données du Chart		\|Méthode retournant les données du Chart
	\|Identifiant de sous requête.		\|Identifiant de sous requête.
			\|-
			\|p
			\|Naviguer sur une page
			\|
			\|
			\|-
			\|di
			\|Afficher un document ou une image
			\|Méthode retournant le document ou l'image
			\|Identifiant du document ou de l'image
	\|}		\|}

Syfre : /* Grille de détail */

2014-02-27T08:33:30Z

Grille de détail

← Version précédente		Version du 27 février 2014 à 08:33
Ligne 67 :		Ligne 67 :
	</source>		</source>

	===Grille de ~~détail~~===		===Grille de détails===
	Le JSON doit retourner un tableau de structures :		Le JSON doit retourner un tableau de structures :
	<pre>		<pre>

Syfre : Page créée avec « La gestion d'une liste maître détail met en oeuvre deux étapes : * Dans une première étape une liste d'élément est recherché et affichée * Dans une seconde étape... »

2014-02-27T07:59:55Z

Page créée avec « La gestion d'une liste maître détail met en oeuvre deux étapes : * Dans une première étape une liste d'élément est recherché et affichée * Dans une seconde étape... »

Nouvelle page

La gestion d'une liste maître détail met en oeuvre deux étapes :
* Dans une première étape une liste d'élément est recherché et affichée
* Dans une seconde étape le détail d'un élément de la liste est affiché.

===Liste maître===
Le JSON doit retourner un tableau de structure

<pre>
{"result":[{"id":"E16F5913EED000310032000000A30000","name":"BARRES SA"},{....}]}
</pre>

Chaque structure sera affichée comme une entrée de la liste.

Exemple :

<source lang="delphi">
//Procedure search(req:TJson; var res:TObject);
Type
CustomerAddressView = ViewOf(TClient)
company: string = tiers.raisonSociale;
street: string = sitePrivilegie.adresse.nomRueVoie;
zipCode: string = sitePrivilegie.adresse.codePostal;
country: string = sitePrivilegie.adresse.pays.code;
town: string = sitePrivilegie.adresse.ville;
end;

var ls:TSelector; inst:CustomerAddressView; json:TJson; indx:Integer;
AWhere,stag:string; Args:Array[0..1] of variant;
begin
json := TJson.Create('');

// Search criteria
//////////////////
AWhere := ''; stag := '';
if req.Exists('zipCode') then
begin
AWhere := AWhere+stag+'(zipCode like %1)';
Args[0] := req.zipCode+'%';
stag := 'and';
end;
if req.Exists('town') then
begin
AWhere := AWhere+stag+'(town like %2)';
Args[1] := req.town+'%';
stag := 'and';
end;

// Create the cursor
ls := CustomerAddressView.CreateSelector(AWhere,'',true,Args);
foreachP inst in ls.AsCursor index indx do
begin
// where we build the response
//////////////////////////////
json.result[indx].id := inst.OID;
json.result[indx].name := inst.company;
end;

// manage empty result
if json.isEmpty then
begin
json.result[0].id := '';
json.result[0].name := 'No result';
end;

res := json;
end;
</source>

===Grille de détail===
Le JSON doit retourner un tableau de structures :
<pre>
{
"result": [
{
"t": "customer",
"v": "BARRES SA"
},
{
"t": "address",
"v": "221, avenue Charles de Gaulle"
},
{
"t": "zip",
"v": "92200"
},
{
"t": "town",
"v": "NEUILLY SUR SEINE"
},
{
"t": "tel",
"v": "01 41 66 24 10",
"l": "l",
"h": "tel:01 41 66 24 10"
},
{
"t": "locate",
"v": "Google map",
"l": "m",
"h": "221, avenue Charles de Gaulle,92200,FRANCE"
},
{
"t": "orders",
"v": "view last orders",
"l": "d",
"h": "/orders",
"id": "E16F5913EED000310032000000A30000"
},
{
"t": "products",
"v": "view product charts",
"l": "c",
"h": "/products",
"id": "E16F5913EED000310032000000A30000"
}
]
}
</pre>

Les entrées simples sont affichées en grille, les entrées avec lien sont affichés en bouton.

{|class="wikitable"
|-
!Membre
!Usage
|-
|t
|Titre d'une entrée détail, affichée dans la première colonne
|-
|v
|Valeur de l'entrée, affichée dans la seconde colonne
|-
|l
|L'entrée est de type lien, la valeur de l détermine le type de lien
|-
|h
|href du lien
|-
|id
|id (oid) de l'objet associé au lien
|}

Type de lien :

{|class="wikitable"
|-
!Membre
!Usage
!h
!id
|-
|l
|Lien html
|href du lien
|
|-
|d
|Lien sous détails
|Méthode retournant le sous détail
|Identifiant de sous requête.
|-
|m
|Lien de type map
|Adresse au format Google
|
|-
|c
|Lien de type chart
|Méthode retournant les données du Chart
|Identifiant de sous requête.
|}

Exemple :

<source lang="delphi">
//Procedure details(req:TJson; var res:TJSon);
Type
CustomerAddressView = ViewOf(TClient)
company: string = tiers.raisonSociale;
street: string = sitePrivilegie.adresse.nomRueVoie;
town: string = sitePrivilegie.adresse.ville;
zipCode: string = sitePrivilegie.adresse.codePostal;
phone: string = sitePrivilegie.adresse.telephone1;
country: string = sitePrivilegie.adresse.pays.Caption;
end;

var inst:CustomerAddressView; json:TJson;
begin
json := TJson.Create('');
inst := CustomerAddressView.Find('oid=%1','',true,[req.id]);
if Assigned(inst) then
begin
json.result[0].t := 'customer';
json.result[0].v := inst.company;
//
json.result[1].t := 'address';
json.result[1].v := inst.street;
//
json.result[2].t := 'zip';
json.result[2].v := inst.zipCode;
//
json.result[3].t := 'town';
json.result[3].v := inst.town;
//
json.result[4].t := 'tel';
json.result[4].v := inst.phone;
json.result[4].l := 'l';
json.result[4].h := 'tel:'+inst.phone;
//
json.result[5].t := 'locate';
json.result[5].v := 'Google map';
json.result[5].l := 'm';
json.result[5].h := inst.street+','+inst.zipCode+','+inst.country;
//
json.result[6].t := 'orders';
json.result[6].v := 'view last orders';
json.result[6].l := 'd';
json.result[6].h := '/orders';
json.result[6].id:= inst.OID;
//
json.result[7].t := 'products';
json.result[7].v := 'view product charts';
json.result[7].l := 'c';
json.result[7].h := '/products';
json.result[7].id:= inst.OID;
end;

if json.isEmpty then
begin
json.result[0].t := 'Customer not found';
json.result[0].v := req.id;
end;

res := json;
end;
</source>

[[category:Mobiles]]
[[category:jqm1000.js]]

Lists (jqm1000) - Historique des versions

Syfre : /* Liste maître */

Syfre le 7 avril 2014 à 13:49

Syfre : /* Liste maître */

Syfre le 7 avril 2014 à 12:14

Syfre le 7 avril 2014 à 11:51

Syfre le 4 avril 2014 à 14:46

Syfre : /* Grille de détail */

Syfre : Page créée avec « La gestion d'une liste maître détail met en oeuvre deux étapes : * Dans une première étape une liste d'élément est recherché et affichée * Dans une seconde étape... »

Syfre : /* Liste maître */

Syfre : /* Liste maître */

Syfre : /* Grille de détail */

Syfre : Page créée avec « La gestion d'une liste maître détail met en oeuvre deux étapes : * Dans une première étape une liste d'élément est recherché et affichée * Dans une seconde étape... »