Projekt

Allgemein

Profil

3950 Dashboard » Historie » Version 18

[X] Steffen A, 10.12.2020 14:08

1 1 [E] Andre K
h1. 3950 Dashboard
2 2 [E] Andre K
3 18 [X] Steffen A
h2. Möglichkeiten für Kunden
4 17 [Y] Andreas F
5 18 [X] Steffen A
# Kundeneigene Erstellung von Dashboards
6
# Nutzung vorgefertigter ProdatStandardDashboards
7 17 [Y] Andreas F
# Entwicklung von kundenspezifischen Dashboards durch CIMPCS
8
9
h2. Anwendungsbeispiele
10
11
[[Dashboard Beispiele]]
12
13 2 [E] Andre K
h2. Erstellung
14
15 15 [E] Andre K
*Aufpassen:* %{color: red}beim Schließen wird nicht automatisch nach Speichern gefragt!%
16 14 [E] Andre K
17 5 [E] Andre K
* Hauptmenü-Eintrag erstellen mit *action:* @dashboard@ und *proc:* Dashboard-Kennzeichen
18
{{collapse(zum Beispiel)
19 1 [E] Andre K
!hauptmenu_dashboard.png!
20 5 [E] Andre K
}}
21
* Dashboard öffnen
22 7 [E] Andre K
* @Zahnrad@ / @Bearbeiten@
23 5 [E] Andre K
{{collapse(Aufklappen)
24
!dash_bearbeiten.png!
25 3 [E] Andre K
}}
26 7 [E] Andre K
* @Panel links@ / @Popupmenu@ / @Neue Seite erstellen@
27 6 [E] Andre K
{{collapse(Aufklappen)
28 1 [E] Andre K
!neue_seite.png!
29
}}
30 7 [E] Andre K
** und folgende Parameter eingeben:
31
*** Menu.Caption
32
*** Menu.Hint
33
*** Menu.ImageIndex (Passende Icon von USysModule/ImageListHot)
34
** die Parameter kann man später über @Panel links@ / @Popupmenu@ / @Aktuelle Seite editieren@ anpassen
35 8 [E] Andre K
** Seiten sind mit drag-n-drop miteinander kombinierbar (kann man als Baumstruktur darstellen)
36
{{collapse(zum Beispiel)
37
!tree_sites.png!
38
}}
39 10 [E] Andre K
40
h2. TileControl
41
42 9 [E] Andre K
* Editierte Seite auswählen
43
* @Zahnrad@ / @Erstellen@
44 8 [E] Andre K
{{collapse(Aufklappen)
45
!create_controls.png!
46 1 [E] Andre K
}}
47 13 [E] Andre K
* Parameter:
48 15 [E] Andre K
** Name (Komponentname, also Groß- und Kleinschreibung ist nicht von Bedeutung, jedoch dürfen nur Buchstaben, Zahlen und der Unterstrich verwendet werden. Der Name muss mit einem Buchstaben beginnen)
49 13 [E] Andre K
** Text 1 (oben links)
50
** Text 2 (oben rechts)
51
** Text 3 (unten links)
52
** Text 4 (unten rechts)
53
** MainMenu-Link (mm_id)
54
** Font.Size(1)
55
** Font.Size(2-4)
56
** ImageIndex (Glyph = False) %{color: red}[wovon geladen / wie kann man bedienen?] Vorschlag: löschen und Image von oben ausgewählter @mm_id@ laden.%
57
** mit Schift+Linksklick kann man die Größe anpassen (werden vorgegebene Größe nacheinander gesetzt)
58
** {{collapse(Beispiel)
59 1 [E] Andre K
!tilecontrol.png!
60 10 [E] Andre K
}}
61
62
h2. LayoutControl
63
64
* Editierte Seite auswählen
65
* @Zahnrad@ / @Erstellen@
66
{{collapse(Aufklappen)
67
!create_controls.png!
68
}}
69
* LayoutControl
70
* Popupmenu von LayoutControl:
71
** @Eigenschaften@: heir kann man aktuell nur die Höhe anpassen
72
** @LayoutControl-Customizer@: visuelle Layouteditor (Gruppierung, Positionierung, Ausrichtung, Umbenennung usw)
73 12 [E] Andre K
74
h3. Grid
75
76
* @Hinzufügen@ / @Grid@
77
* Popupmenu von Grid
78 1 [E] Andre K
{{collapse(Aufklappen)
79 10 [E] Andre K
!grid_popup.png!
80
}}
81 12 [E] Andre K
** Erste zwei Zeilen: automatisch generierte Namen von Frame und Layout zur Info
82
** bei SQL kann man Standard-SQL-Name eingeben oder direkte SQL-Statement:
83 10 [E] Andre K
{{collapse(zum Beispiel)
84
<pre><code class="sql">
85 11 [E] Andre K
SELECT
86
  dbrid,
87
  ak_nr,
88
  ak_bez 
89
FROM
90
  art 
91 1 [E] Andre K
LIMIT 5
92 10 [E] Andre K
</code></pre>
93
94 1 [E] Andre K
!grid_sql.png!
95 11 [E] Andre K
}}
96 12 [E] Andre K
** @Parent anpassen@ für Master-Detail-Beziehungstabellen geeignet, 
97 11 [E] Andre K
{{collapse(zum Beispiel)
98
Erstellen zweite LayoutControl mit Grid
99
<pre><code class="sql">
100
SELECT
101
  r_descr,
102
  r_unit,
103
  r_value 
104
FROM
105
  recnokeyword
106 1 [E] Andre K
WHERE
107
  r_dbrid = :dbrid
108
</code></pre>
109
und setzen Beziehung zum erstem Frame
110
!grid-master-detail.png!
111
}}
112 12 [E] Andre K
113
h3. Chart
114
115
* @Hinzufügen@ / @Chart@
116
* Popupmenu von Chart 
117 13 [E] Andre K
** Parent anpassen und SQL analor Grid (siehe oben)
118
** Eigenschaften:
119 12 [E] Andre K
{{collapse(Aufklappen)
120 1 [E] Andre K
!chart_popup.png!
121
}}
122 14 [E] Andre K
*** GroupCaption
123
*** x[x] (Bezeichnung und Farbe definieren)
124
*** y[y1](Bezeichnung und Farbe definieren)
125
*** [y2] (Bezeichnung und Farbe definieren) 
126
*** [y3] (Bezeichnung und Farbe definieren)
127 12 [E] Andre K
*** ToolBox (um Diagrammdarstellung im Laufzeit zu ändern)
128
*** ChartType ("Beschreibung":https://docs.devexpress.com/AspNet/15880/aspnet-webforms-controls/chart-control/concepts/creating-charts/2d-chart-types)
129
*** LegendPosition
130 16 [E] Andre K
** Beispiel: {{collapse(Aufklappen)
131
<pre><code class="sql">
132
SELECT
133
 ag_bdat,
134
 SUM(ag_brutto_basis_w) AS sum_brutto,
135
 SUM(ag_netto_basis_w) AS sum_netto
136
FROM
137
 auftg
138
WHERE
139
 ag_astat='E'
140
AND
141
 NOT ag_done
142
GROUP BY
143
 ag_bdat, ag_lkn
144
ORDER BY
145
 sum_netto DESC
146
LIMIT 8
147
</code></pre>
148
149
*Eigenschaften:*
150
!chart_eigenschaften.png!
151
152
*Diagramm:*
153
!chart_ergebniss.png!
154
}}