3950 Dashboard » Historie » Revision 13
Revision 12 ([E] Andre K, 04.09.2020 16:15) → Revision 13/24 ([E] Andre K, 04.09.2020 16:19)
h1. 3950 Dashboard
h2. Erstellung
* Hauptmenü-Eintrag erstellen mit *action:* @dashboard@ und *proc:* Dashboard-Kennzeichen
{{collapse(zum Beispiel)
!hauptmenu_dashboard.png!
}}
* Dashboard öffnen
* @Zahnrad@ / @Bearbeiten@
{{collapse(Aufklappen)
!dash_bearbeiten.png!
}}
* @Panel links@ / @Popupmenu@ / @Neue Seite erstellen@
{{collapse(Aufklappen)
!neue_seite.png!
}}
** und folgende Parameter eingeben:
*** Menu.Caption
*** Menu.Hint
*** Menu.ImageIndex (Passende Icon von USysModule/ImageListHot)
** die Parameter kann man später über @Panel links@ / @Popupmenu@ / @Aktuelle Seite editieren@ anpassen
** Seiten sind mit drag-n-drop miteinander kombinierbar (kann man als Baumstruktur darstellen)
{{collapse(zum Beispiel)
!tree_sites.png!
}}
h2. TileControl
* Editierte Seite auswählen
* @Zahnrad@ / @Erstellen@
{{collapse(Aufklappen)
!create_controls.png!
}}
* Parameter: ** TileControl (folgende Parameter eingeben): {{collapse(Beispiel)
** !tilecontrol.png!
}}
*** Name (Komponentname, also ohne Leerzeichen usw)
** *** Text 1 (oben links)
** *** Text 2 (oben rechts)
** *** Text 3 (unten links)
** *** Text 4 (unten rechts)
** *** MainMenu-Link (mm_id)
** *** Font.Size(1)
** *** Font.Size(2-4)
** *** ImageIndex (Glyph = False) %{color: red}[wovon geladen / wie kann man bedienen?] Vorschlag: löschen und Image von oben ausgewählter @mm_id@ laden.%
** *** mit Schift+Linksklick kann man die Größe anpassen (werden vorgegebene Größe nacheinander gesetzt)
** {{collapse(Beispiel)
!tilecontrol.png!
}}
h2. LayoutControl
* Editierte Seite auswählen
* @Zahnrad@ / @Erstellen@
{{collapse(Aufklappen)
!create_controls.png!
}}
* LayoutControl
* Popupmenu von LayoutControl:
** @Eigenschaften@: heir kann man aktuell nur die Höhe anpassen
** @LayoutControl-Customizer@: visuelle Layouteditor (Gruppierung, Positionierung, Ausrichtung, Umbenennung usw)
h3. Grid
* @Hinzufügen@ / @Grid@
* Popupmenu von Grid
{{collapse(Aufklappen)
!grid_popup.png!
}}
** Erste zwei Zeilen: automatisch generierte Namen von Frame und Layout zur Info
** bei SQL kann man Standard-SQL-Name eingeben oder direkte SQL-Statement:
{{collapse(zum Beispiel)
<pre><code class="sql">
SELECT
dbrid,
ak_nr,
ak_bez
FROM
art
LIMIT 5
</code></pre>
!grid_sql.png!
}}
** @Parent anpassen@ für Master-Detail-Beziehungstabellen geeignet,
{{collapse(zum Beispiel)
Erstellen zweite LayoutControl mit Grid
<pre><code class="sql">
SELECT
r_descr,
r_unit,
r_value
FROM
recnokeyword
WHERE
r_dbrid = :dbrid
</code></pre>
und setzen Beziehung zum erstem Frame
!grid-master-detail.png!
}}
h3. Chart
* @Hinzufügen@ / @Chart@
* Popupmenu von Chart
{{collapse(Aufklappen)
!chart_popup.png!
}}
** Parent anpassen und SQL analor Grid (siehe oben)
** Eigenschaften:
{{collapse(Aufklappen)
!chart_popup.png!
}}
*** GroupCaption ()
*** x[x]
*** y[y1]
*** [y2]
*** [y3]
*** ToolBox (um Diagrammdarstellung im Laufzeit zu ändern)
*** ChartType ("Beschreibung":https://docs.devexpress.com/AspNet/15880/aspnet-webforms-controls/chart-control/concepts/creating-charts/2d-chart-types)
*** LegendPosition