SAG datePicker : Différence entre versions

De BlueWiki
 
 
(16 révisions intermédiaires par un utilisateur sont masquées)
Ligne 1 : Ligne 1 :
−
[[Composant_Graphe_SVG#Commandes|Liste des commandes du composant]]
+
[[http://wiki.bluecompany.fr/index.php?title=Documentation_en_fran%C3%A7ais#Gestion_du_DatePicker Liste des commandes du composant]]
  
 
[[SAG_datePicker-EN|English version of this page]] [[File:icone_drapeau-anglais.jpg]]
 
[[SAG_datePicker-EN|English version of this page]] [[File:icone_drapeau-anglais.jpg]]
Ligne 14 : Ligne 14 :
  
 
|-
 
|-
−
|valign="top"|Valeur
+
|valign="top"|Date à afficher
−
|valign="top"|Réel
+
|valign="top"|pointeur
 
|valign="top"|[[File:in.png|caption]]
 
|valign="top"|[[File:in.png|caption]]
−
|valign="top" align="center"|6
+
|valign="top" align="center"|1
−
|Valeur à tracer
+
|pointeur vers une date devant être contenu dans le datepicker
  
 
|-
 
|-
−
|valign="top"|Graphe
+
|valign="top"|Taux d'occupation
 +
|valign="top"|pointeur
 +
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|2
 +
|pointeur vers un tableau de 42 éléments correspondant au pourcentage d'occupation de la journée
 +
Ce paramètre est optionnel
 +
 
 +
 
 +
|-
 +
|valign="top"|Format d'affichage du taux d'occupation
 +
|valign="top"|texte
 +
|valign="top"|[[File:in.png|caption]]
 +
|valign="top" align="center"|3
 +
|Ce paramètre indique la manière dont le taux d'occupation être affiché. Vous disposez de deux mode : "bar" ou "day" le mode par défaut est "bar" (cf. exemples ci dessous)
 +
Ce paramètre est optionnel
 +
 
 +
 
 +
|-
 +
|valign="top"|Code SVG
 +
|valign="top"|pointeur
 +
|valign="top"|[[File:out.png|caption]]
 +
|valign="top" align="center"|4
 +
|pointeur vers un texte qui contiendra uniquement le code SVG du DatePicker, ce peut être utile pour une utilisation sur le WEB.
 +
Ce paramètre est optionnel
 +
 
 +
 
 +
|-
 +
|valign="top"|Date picker
 
|valign="top"|Image
 
|valign="top"|Image
 
|valign="top"|[[File:out.png|caption]]
 
|valign="top"|[[File:out.png|caption]]
 
|valign="top" align="center"|Retour
 
|valign="top" align="center"|Retour
−
|Image incluant le code SVG  
+
|Image incluant le code SVG avec des ID sur chaque objet vous permettant de connaitre la date survolée ou cliquée
  
 
|}
 
|}
 +
 +
=== Exemples===
 +
PlanningMois:=SAG_datePicker (->laDate)
 +
[[File:DatePicker1.jpg|caption]]
 +
Voir la commande [[SAG_DPsetParameter|SAG_DPsetParameter]] pour le paramétrage de cet affichage
 +
 +
 +
C_DATE($date1;$date2)
 +
SAG_GetDateRange (->$date1;->$date2)
 +
TABLEAU REEL(TableauPourcent;42)
 +
Boucle ($i;1;42)
 +
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
 +
Fin de boucle
 +
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent)
 +
[[File:DatePicker2.jpg|caption]]
 +
 +
 +
 +
C_DATE($date1;$date2)
 +
SAG_GetDateRange (->$date1;->$date2)
 +
TABLEAU REEL(TableauPourcent;42)
 +
Boucle ($i;1;42)
 +
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
 +
Fin de boucle
 +
SAG_DPsetOccupancyColors ("Grey";"green";"yellow";"orange";"red")
 +
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent)
 +
[[File:DatePicker3.jpg|caption]]
 +
 +
 +
 +
C_DATE($date1;$date2)
 +
SAG_GetDateRange (->$date1;->$date2)
 +
TABLEAU REEL(TableauPourcent;42)
 +
Boucle ($i;1;42)
 +
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
 +
Fin de boucle
 +
SAG_DPsetOccupancyColors ("Grey";"green";"yellow";"orange";"red")
 +
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent;"day")
 +
[[File:DatePicker4.jpg|caption]]

Version actuelle en date du 7 juillet 2015 à 21:46

[Liste des commandes du composant]

English version of this page Icone drapeau-anglais.jpg

[modifier] Paramètres

Paramètres Type N° du paramètre Description
Date à afficher pointeur caption 1 pointeur vers une date devant être contenu dans le datepicker
Taux d'occupation pointeur caption 2 pointeur vers un tableau de 42 éléments correspondant au pourcentage d'occupation de la journée

Ce paramètre est optionnel


Format d'affichage du taux d'occupation texte caption 3 Ce paramètre indique la manière dont le taux d'occupation être affiché. Vous disposez de deux mode : "bar" ou "day" le mode par défaut est "bar" (cf. exemples ci dessous)

Ce paramètre est optionnel


Code SVG pointeur caption 4 pointeur vers un texte qui contiendra uniquement le code SVG du DatePicker, ce peut être utile pour une utilisation sur le WEB.

Ce paramètre est optionnel


Date picker Image caption Retour Image incluant le code SVG avec des ID sur chaque objet vous permettant de connaitre la date survolée ou cliquée

[modifier] Exemples

PlanningMois:=SAG_datePicker (->laDate)

caption Voir la commande SAG_DPsetParameter pour le paramétrage de cet affichage 


C_DATE($date1;$date2)
SAG_GetDateRange (->$date1;->$date2)
TABLEAU REEL(TableauPourcent;42)
Boucle ($i;1;42)
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
Fin de boucle 
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent)

caption 


C_DATE($date1;$date2)
SAG_GetDateRange (->$date1;->$date2)
TABLEAU REEL(TableauPourcent;42)
Boucle ($i;1;42)
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
Fin de boucle 
SAG_DPsetOccupancyColors ("Grey";"green";"yellow";"orange";"red")
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent)

caption 


C_DATE($date1;$date2)
SAG_GetDateRange (->$date1;->$date2)
TABLEAU REEL(TableauPourcent;42)
Boucle ($i;1;42)
TableauPourcent{$i}:=Ent(Modulo(Hasard;100))+1
Fin de boucle 
SAG_DPsetOccupancyColors ("Grey";"green";"yellow";"orange";"red")
PlanningMois:=SAG_datePicker (->laDate;->TableauPourcent;"day")

caption

Récupérée de « http://wiki.bluecompany.fr/index.php?title=SAG_datePicker&oldid=1035 »