Lists (jqm1000) - Historique des versions

Syfre : /* Liste maître */

2014-06-24T07:58:34Z

Liste maître

Syfre le 7 avril 2014 à 13:49

2014-04-07T13:49:04Z

Syfre : /* Liste maître */

2014-04-07T12:25:52Z

Liste maître

Syfre le 7 avril 2014 à 12:14

2014-04-07T12:14:37Z

Syfre le 7 avril 2014 à 11:51

2014-04-07T11:51:03Z

Syfre le 4 avril 2014 à 14:46

2014-04-04T14:46:15Z

Syfre : /* Grille de détail */

2014-02-27T08:33:30Z

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... »

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]]

@@ Ligne 21 : / Ligne 21 : @@
 |Cette entrée est un diviseur de la liste
 |-
-|headerclass
+|classDetails
-|Classe du libellé
+|Classe de l'élément détail
 |-
 |header
 |Libellé principal de l'entrée
 |-
-|subclass
+|headerclass
-|Classe du sous libellé
+|Classe du libellé principal de l'entrée
 |-
 |sub
 |Sous libellé de l'entrée
 |-
 |bubble
@@ Ligne 38 : / Ligne 53 : @@
 |ope
 |Méthode pour obtenir le détail
 |}

← 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 :

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

@@ Ligne 319 : / Ligne 319 : @@
 end;
 </source>
 [[category:Mobiles]]
 [[category:jqm1000.js]]

@@ Ligne 68 : / Ligne 68 : @@
 ===Grille de détails===
 Le JSON doit retourner un tableau de structures :
 <pre>
@@ Ligne 76 : / Ligne 86 : @@
              "v": "BARRES SA"
          },
+         {
              "l": "l",
              "h": "tel:01 41 66 24 10"
          },
+         {
              "l": "m",
              "h": "221, avenue Charles de Gaulle,92200,FRANCE"
          },
+         {
              "l": "d",
              "h": "/orders",
              "id": "E16F5913EED000310032000000A30000"
          },
+         {
              "l": "c",
              "h": "/products",
              "id": "E16F5913EED000310032000000A30000"
@@ Ligne 117 : / Ligne 112 : @@
+}
 </pre>
 {|class="wikitable"
@@ Ligne 139 : / Ligne 132 : @@
 |id
 |id (oid) de l'objet associé au lien
 |}
-Type de lien :
+Type de lien (valeur du membre "l") :
 {|class="wikitable"
 |-
-!Membre
+!Type
 !Usage
 !h
@@ Ligne 189 : / Ligne 197 : @@
 |Méthode retournant le document ou l'image
 |Identifiant du document ou de l'image
 |}
@@ Ligne 214 : / Ligne 227 : @@
       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';