Vignette JSON/HTML (portail) - Historique des versions

Syfre : a déplacé Vignette Dashboard (portail) vers Vignette JSON/HTML (portail)

2019-12-30T12:08:39Z

a déplacé Vignette Dashboard (portail) vers Vignette JSON/HTML (portail)

← Version précédente	Version du 30 décembre 2019 à 12:08
(Aucune différence)

Syfre le 30 décembre 2019 à 12:08

2019-12-30T12:08:23Z

← Version précédente		Version du 30 décembre 2019 à 12:08
Ligne 1 :		Ligne 1 :
	===Introduction===		===Introduction===
	Les vignettes Dashboard sont des vignettes permettant de créer des contenus HTML riches utilisant des sources de données.		Les vignettes JSON / HTML (Dashboard) sont des vignettes permettant de créer des contenus HTML riches utilisant des sources de données.

	Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.		Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.

Syfre le 5 juin 2014 à 08:12

2014-06-05T08:12:06Z

← Version précédente		Version du 5 juin 2014 à 08:12
Ligne 3 :		Ligne 3 :

	Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.		Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.

			{{tip\|Une vignette Dashboard combine une [[Vignette JSON Source de données (portail)\|vignette JSON Source de données]] et une [[Vignette JSON rendu (portail)\|Vignette JSON Rendu]]}}

	L'application Sage 1000 est livrée avec un exemple de vignette Dashboard.		L'application Sage 1000 est livrée avec un exemple de vignette Dashboard.

Syfre le 5 juin 2014 à 08:04

2014-06-05T08:04:02Z

← Version précédente		Version du 5 juin 2014 à 08:04
Ligne 1 :		Ligne 1 :
	===Introduction===		===Introduction===
	Les vignettes ~~sdata~~ sont des vignettes permettant de créer des contenus HTML riches utilisant des sources de données ~~[[SData\|SDATA]]~~.		Les vignettes Dashboard sont des vignettes permettant de créer des contenus HTML riches utilisant des sources de données.

	Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.		Typiquement vous utiliserez ces vignettes pour réaliser des tableaux de bords présentant les données de façon synthétique aux utilisateurs.

	L'application Sage 1000 est livrée avec un exemple de vignette ~~SDATA~~.		L'application Sage 1000 est livrée avec un exemple de vignette Dashboard.

	Cette exemple utilise les APIs Google pour présenter les données.		Cette exemple utilise les APIs Google pour présenter les données.
Ligne 11 :		Ligne 11 :

	===Adresse de la page locale HTML===		===Adresse de la page locale HTML===
	Les vignettes ~~SDATA~~ utilisent une page HTML décrivant le contenu de la vignette. Cette page doit être accessible par le serveur HTTP.		Les vignettes Dashboard utilisent une page HTML décrivant le contenu de la vignette. Cette page doit être accessible par le serveur HTTP.

	{{tip\|Utilisez la variable (ROOT) pour référencer le répertoire de base du site. }}		{{tip\|Utilisez la variable (ROOT) pour référencer le répertoire de base du site. }}
Ligne 17 :		Ligne 17 :
	Dans cet exemple la vignette utilise la page exemple livrée avec l'application.		Dans cet exemple la vignette utilise la page exemple livrée avec l'application.

	Placer les pages HTML des vignettes ~~SDATA~~ dans le site est une solution simple mais qui peut poser à terme des problèmes de déploiement. Vous pouvez insérer ces pages comme objets du référentiel puis y faire référence via un service rest du Service 1000.		Placer les pages HTML des vignettes Dashboard dans le site est une solution simple mais qui peut poser à terme des problèmes de déploiement. Vous pouvez insérer ces pages comme objets du référentiel puis y faire référence via un service rest du Service 1000.

	(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/<nom de la page dans le référentiel>/dbmobjectbinary.value		(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/<nom de la page dans le référentiel>/dbmobjectbinary.value
Ligne 26 :		Ligne 26 :

	===Source de données JSON===		===Source de données JSON===
	Les vignettes ~~SDATA~~ utilisent des sources de données ~~SDATA~~ pour récupérer les données à afficher. Dans cet exemple, on utilise un fichier statique JSON contenant les données.		Les vignettes Dashboard utilisent des sources de données pour récupérer les données à afficher. Dans cet exemple, on utilise un fichier statique JSON contenant les données.

	Les données seront injectées dans une variable "data" contenu sur l'élément iFrame contenant la vignette. Elles sont ensuite récupérées par le code JavaScript contenu dans la fonction render() de la page.		Les données seront injectées dans une variable "data" contenu sur l'élément iFrame contenant la vignette. Elles sont ensuite récupérées par le code JavaScript contenu dans la fonction render() de la page.
Ligne 89 :		Ligne 89 :
	</source>		</source>

	Cet exemple utilise une source de données statique mais dans la réalité vous utiliserez une source de données SDATA.		Cet exemple utilise une source de données statique mais dans la réalité vous utiliserez une source de données JSON ou SDATA.

	Une source de données ~~SDATA~~ se configure ainsi :		Une source de données se configure ainsi :

	<source lang="javascript">		<source lang="javascript">
	{"nom":"url ~~sdata~~", ... }		{"nom":"url de la source", ... }
	</source>		</source>

Ligne 201 :		Ligne 201 :
	}		}
	</source>		</source>


	Une fois définit vous pouvez référencé ces sélections dans les requêtes source de données.		Une fois définit vous pouvez référencé ces sélections dans les requêtes source de données.
Ligne 211 :		Ligne 210 :
	Le bouton actualiser permet alors de rafraichir les sources de données.		Le bouton actualiser permet alors de rafraichir les sources de données.

			Voir aussi :

	~~Voir aussi :~~		*[[Vignette JSON Source de données (portail)\|Vignette JSON Source de données]]
			*[[Vignette JSON rendu (portail)\|Vignette JSON Rendu]]

	{{footer}}		{{footer}}
	[[Category:Portail]]		[[Category:Portail]]

Syfre : a déplacé Vignette sdata (portail) vers Vignette Dashboard (portail)

2014-06-05T07:59:06Z

a déplacé Vignette sdata (portail) vers Vignette Dashboard (portail)

← Version précédente	Version du 5 juin 2014 à 07:59
(Aucune différence)

Syfre : /* Sélections */

2013-07-02T14:04:49Z

Sélections

← Version précédente		Version du 2 juillet 2013 à 14:04
Ligne 158 :		Ligne 158 :
	"lookupField":"code",		"lookupField":"code",
	"caption":"Lookup Field"		"caption":"Lookup Field"
			}
			"c7":{
			"type":"select",
			"lookupClass":"TTiers",
			"lookupField":"code",
			"caption":"Select Field"
	}		}
	}		}

Syfre : /* Sélections */

2013-07-02T13:48:46Z

Sélections

@@ Ligne 123 : / Ligne 123 : @@
 * Sélection présentation
 :Un littéral Javascript décrivant les zones de sélection.
 * Sélections data
-:Un littéral Javascript décrivant les sources de données de chaque sélection.
+:Un littéral Javascript décrivant les valeurs initiales des sélections.
 Une fois définit vous pouvez référencé ces sélections dans les requêtes source de données.

Syfre : /* Sélections */

2013-07-02T13:08:10Z

Sélections

@@ Ligne 112 : / Ligne 112 : @@
 ===Sélections===
 * Sélections colonnes
 * Sélection présentation
 * Sélections data

Syfre : /* Source de données JSON */

2013-07-02T12:54:37Z

Source de données JSON

← Version précédente		Version du 2 juillet 2013 à 12:54
Ligne 26 :		Ligne 26 :

	===Source de données JSON===		===Source de données JSON===
	Les vignettes SDATA utilisent des sources de données SDATA pour récupérer les données à ~~affichée~~. Dans cet exemple on utilise un fichier statique JSON contenant les données.		Les vignettes SDATA utilisent des sources de données SDATA pour récupérer les données à afficher. Dans cet exemple, on utilise un fichier statique JSON contenant les données.

	Les données seront injectées dans une variable contenu sur l'élément iFrame contenant la vignette. Elles sont ensuite récupérées par le code JavaScript contenu dans la fonction render() de la page.		Les données seront injectées dans une variable "data" contenu sur l'élément iFrame contenant la vignette. Elles sont ensuite récupérées par le code JavaScript contenu dans la fonction render() de la page.

	<source lang="javascript">		<source lang="javascript">
Ligne 42 :		Ligne 42 :
	{{tip\|window.parent.$ référence l'objet JQuery contenu dans le parent de la IFrame}}		{{tip\|window.parent.$ référence l'objet JQuery contenu dans le parent de la IFrame}}

	Le paramétrage		Le paramétrage suivant

	{"agencies":"(ROOT)/.../agencies.html"}		{"agencies":"(ROOT)/.../agencies.html"}
Ligne 48 :		Ligne 48 :
	définit la structure de l'objet data qui sera injecté.		définit la structure de l'objet data qui sera injecté.

	{{tip\|Ce paramétrage peut combiner plusieurs sources de données : {"agencies":"...","cities":"...",....} }}		{{tip\|Ce paramétrage peut combiner plusieurs sources de données : {"agencies":"...","cities":"...", ...} }}

	Les données sont ensuite exploitées par les objets de rendu à travers des fonctions :		Les données sont ensuite exploitées par les objets de rendu à travers des fonctions :
Ligne 54 :		Ligne 54 :
	<source lang="javascript">		<source lang="javascript">
	function _d_table1(data) {		function _d_table1(data) {
			// Ce code crée une structure de données pour les widgets Google
	var res = {		var res = {
	cols: [		cols: [

Syfre : /* Adresse de la page locale HTML */

2013-07-02T12:52:05Z

Adresse de la page locale HTML

← Version précédente		Version du 2 juillet 2013 à 12:52
Ligne 17 :		Ligne 17 :
	Dans cet exemple la vignette utilise la page exemple livrée avec l'application.		Dans cet exemple la vignette utilise la page exemple livrée avec l'application.

	Placer les pages HTML des vignettes SDATA dans le site est une solution simple mais qui peut poser à terme des ~~problème~~ de déploiement. Vous pouvez insérer ces pages comme objets du référentiel puis y faire référence via un service rest du Service 1000.		Placer les pages HTML des vignettes SDATA dans le site est une solution simple mais qui peut poser à terme des problèmes de déploiement. Vous pouvez insérer ces pages comme objets du référentiel puis y faire référence via un service rest du Service 1000.

	(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/<nom de la page dans le référentiel>/dbmobjectbinary.value		(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/<nom de la page dans le référentiel>/dbmobjectbinary.value
Ligne 24 :		Ligne 24 :

	(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/widget-immo-cumuldotationparcompte.html/dbmobjectbinary.value		(ROOT)/server/rpc.l1000/html/url.blob?uri=obj://TdbmObject/Name/widget-immo-cumuldotationparcompte.html/dbmobjectbinary.value


	===Source de données JSON===		===Source de données JSON===

Vignette JSON/HTML (portail) - Historique des versions

Syfre : a déplacé Vignette Dashboard (portail) vers Vignette JSON/HTML (portail)

Syfre le 30 décembre 2019 à 12:08

Syfre le 5 juin 2014 à 08:12

Syfre le 5 juin 2014 à 08:04

Syfre : a déplacé Vignette sdata (portail) vers Vignette Dashboard (portail)

Syfre : /* Sélections */

Syfre : /* Sélections */

Syfre : /* Sélections */

Syfre : /* Source de données JSON */

Syfre : /* Adresse de la page locale HTML */

Syfre : a déplacé Vignette Dashboard (portail) vers Vignette JSON/HTML (portail)

Syfre : a déplacé Vignette sdata (portail) vers Vignette Dashboard (portail)

Syfre : /* Sélections */

Syfre : /* Sélections */

Syfre : /* Sélections */

Syfre : /* Source de données JSON */

Syfre : /* Adresse de la page locale HTML */