|
|
# Wie erweitere ich das Menü während der Laufzeit (JavaScript)
|
|
|
# Administrations-Menü während der Laufzeit erweitern (JavaScript)
|
|
|
|
|
|
Um das Menü während der Laufzeit per JavaScript zu erweitern sind folgende Schritte notwendig:
|
|
|
Um das Menü während der Laufzeit per JavaScript zu erweitern sind folgende Schritte notwendig:
|
|
|
|
|
|
[TOC]
|
|
|
|
|
|
### Event Listener hinzufügen
|
|
|
## 1. Event Listener hinzufügen
|
|
|
Fügen Sie zunächst in der [events.xml](Events-Xml) ein neues Event hinzu, welches `onAdminLoadFooter` ausgeführt wird. Ihre [events.xml](Events-Xml) könnte dann wie folgt aussehen:
|
|
|
|
|
|
```xml
|
... | ... | @@ -12,7 +14,7 @@ Fügen Sie zunächst in der [events.xml](Events-Xml) ein neues Event hinzu, welc |
|
|
</events>
|
|
|
```
|
|
|
|
|
|
### Event Listener Klasse erstellen
|
|
|
## 2. Event Listener Klasse erstellen
|
|
|
Erstellen Sie anschließend die entsprechende Klasse und Funktion, auf die Sie in Ihrer [events.xml](Events-Xml) verwiesen haben.
|
|
|
Diese sollte dann wie folgt aussehen:
|
|
|
|
... | ... | @@ -34,16 +36,17 @@ class EventHandler |
|
|
|
|
|
Somit wird am Ende der Seite ein Skript Tag hinzugefügt, welches weiteren JavaScript Code von Ihnen lädt. Den Namen der zu ladenden JavaScript Datei (hier `initMenuEntries.js`) können Sie frei wählen.
|
|
|
|
|
|
### Menü Einträge per JavaScript hinzufügen
|
|
|
## 3. Menüeinträge per JavaScript hinzufügen
|
|
|
|
|
|
### Eigener Menüpunkt im Hauptmenü
|
|
|
|
|
|
Hierzu folgendes Beispiel:
|
|
|
|
|
|
```js
|
|
|
require([
|
|
|
|
|
|
'Menu',
|
|
|
'qui/controls/contextmenu/BarItem',
|
|
|
'qui/controls/contextmenu/Item'
|
|
|
|
|
|
], function (Menu, QUIBarMenuItem, QUIMenuItem)
|
|
|
{
|
|
|
"use strict";
|
... | ... | @@ -93,8 +96,8 @@ Dies sieht dann so aus: |
|
|
![image](/uploads/35be946dedd8dc0cfa55d6906d63e583/image.png)
|
|
|
|
|
|
|
|
|
### Einträge zu bestehenden Menü-Punkten hinzufügen
|
|
|
Die drei standardmäßig existierenden Menü-Punkte heißen: `apps`(Apps), `extras`(Verwaltung) und `settings`(Einstellungen).
|
|
|
### Einträge zu bestehenden Menüpunkten hinzufügen
|
|
|
Die drei standardmäßig existierenden Menü-Punkte heißen: `apps` (Apps), `extras` (Verwaltung) und `settings` (Einstellungen).
|
|
|
Um hier nun einen Eintrag hinzuzufügen, gehen sie wie folgt vor:
|
|
|
|
|
|
```js
|
... | ... | @@ -132,8 +135,6 @@ Dies sieht dann so aus: |
|
|
![image](/uploads/4bd82b55f685c17603abf78c9429fa9e/image.png)
|
|
|
|
|
|
|
|
|
### Weitere Informationen zu Menü Einträgen
|
|
|
Sämtliche Menü Items/Typen können unter
|
|
|
`/packages/quiqqer/qui/qui/controls/`
|
|
|
gefunden werden.
|
|
|
## Weitere Informationen zu Menü Einträgen
|
|
|
Sämtliche Menü-Items/-Typen können unter `/packages/quiqqer/qui/qui/controls/` gefunden werden.
|
|
|
Dort wird in den `.md` Dateien genauer erklärt wie die einzelnen Typen zu verwenden sind. |