3950 Dashboard » Historie » Revision 15
Revision 14 ([E] Andre K, 04.09.2020 16:24) → Revision 15/24 ([E] Andre K, 04.09.2020 16:50)
h1. 3950 Dashboard h2. Erstellung *Aufpassen:* *Achtung:* %{color: red}beim Schließen wird nicht automatisch nach Speichern gefragt!% gefragt% * 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: ** 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) 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 ** Parent anpassen und SQL analor Grid (siehe oben) ** Eigenschaften: {{collapse(Aufklappen) !chart_popup.png! }} *** GroupCaption *** x[x] (Bezeichnung und Farbe definieren) *** y[y1](Bezeichnung und Farbe definieren) *** [y2] (Bezeichnung und Farbe definieren) *** [y3] (Bezeichnung und Farbe definieren) *** 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