Open Source Dokumentenmanagement
Dokumentation

Durchsuchbare Dokumentation aufrufen | Zurück zur Dokumentationsübersicht

Navigation: Dokumentationen agorum core > agorum core information center entwickeln


Eigene Tabs im Detailfenster verwalten

Das Detailfenster besteht aus den Standard-Tabs:

Sie können weitere Tabs hinzufügen, die Reihenfolge der Tabs verändern oder Standard-Tabs entfernen oder überladen.

Ein Tab hinzufügen


Hinweis: Das folgende Vorgehen funktioniert ausschließlich im Detailfenster.

  1. Es wird angenommen, dass ein Plugin mit dem Namen testplugin unter folgendem Pfad vorhanden ist:
    /agorum/roi/customers
    
  2. Legen Sie unter folgendem Pfad eine JavaScript-Datei namens testplugin-test-widget.js an:
    /agorum/roi/customers/testplugin/js/aguila/
  3. Befüllen Sie das JavaScript mit folgendem Inhalt:
    let aguila = require('common/aguila');
    let objects = require('common/objects');
    
    let aon = {
      type: 'agorum.vbox',
      properties: [
        'id'
      ],
      items: [
        {
          type: 'agorum.textDisplay',
          name: 'name',
          label: 'Name'
        },
        {
          type: 'agorum.textDisplay',
          name: 'id',
          label: 'ID'
        }
      ]
    };
    
    // create the widget.
    let widget = aguila.create(aon);
    
    // fill display fields, when id is changing
    widget.on('idChanged', () => {
      let id = widget.id;
      
      aguila.fork(() => {
        let obj = objects.find(id);
        return {
          name: obj.name,
          id: obj.ID
        };
      }).then(data => {
        widget.down('name').value = data.name;
        widget.down('id').value = data.id;
      });
    });
    
    widget;
  4. Registrieren Sie das aguila-Widget, siehe Register aguila widget.
  5. Registrieren Sie das Details-Tab, siehe details tab registrieren (Reiter im Detailfenster).

Ein Standard-Tab entfernen


agorum core liefert im Standard Tabs mit. Sie können diese Tabs entfernen. Dazu verwenden Sie die agorum core template manager-Aktion Details-Standard-Tab entfernen.

Tabs Interner Name
Ansicht view
Notizen notes
Objektinfo objectInfo
Vorschau preview

Hinweis: Dieses Vorgehen funktioniert ausschließlich im Detailfenster.

Den Tab „Ansicht“ in Abhängigkeit des gewählten Objekts steuern


Der Tab Ansicht ist ein spezieller Reiter. Für die Anzeige in diesem Reiter ermittelt das System über Selektoren den „besten“ Viewer oder Editor für das aktuell gewählte Objekt und blendet ihn ein. Beispiele dafür sind:

Sie können spezielle Ansichten hinzufügen, etwa für Akten. Dafür müssen Sie einen entsprechenden Selektor erstellen.

Das folgende Beispiel geht davon aus, dass ein Ordner mit dem identifier Testakte vorliegt. Klickt ein Benutzer auf solch einen Ordner, soll unter Ansicht ein Aktendeckel erscheinen. Als Aktendeckel nimmt das Beispiel der Einfachheit halber das TestWidget weiter oben, das name und id ausgibt.

Hinweis: Das folgende Vorgehen funktioniert sowohl im Detailfenster als auch im Detailbereich der Suche.

  1. Folgen Sie ggf. für die Verwendung des Testbeispiels den Schritten 1 bis 4 aus der Beschreibung Ein Tab hinzufügen.
  2. Registrieren Sie das aguila-Widget für die Ansicht, siehe details TabbedView widget registrieren.

Tipp: Sie können mit einer anderen agorum core template manager-Aktion überprüfen, welche Selektoren für ein Objekt eingerichtet sind, siehe Details TabbedView-Selektoren überprüfen.