editor_types

ein Objekt, das Definitionen von Inline-Editoren enthält

object editor_types;

Example

gantt.config.editor_types.custom_editor = {// benutzerdefinierte Editor-Logik}

Details

Die Konfiguration kann zur Erstellung von benutzerdefinierten Editoren verwendet werden (siehe das obige Beispiel).

Es gibt mehrere vordefinierte Inline-Editoren:

  • text - (InlineEditor) - zum Bearbeiten von Textspalten, z.B. Aufgabenname
  • number - (InlineEditor) - zum Bearbeiten von Zahlen-Spalten, z.B. Aufgabendauer, Reihenfolge usw.
  • duration - (InlineEditor) - zum Bearbeiten von Dauerspalten, d.h. Aufgabendauer. Funktioniert nur, wenn die map_to:"duration" Konfiguration verwendet wird und der Editor-Typ auf den "duration" Typ gesetzt ist
  • date - (InlineEditor) - zum Bearbeiten von Datums-Spalten, z.B. Start- und Enddaten der Aufgabe
  • select - (InlineEditor) - zum Auswählen einer Option aus einer Liste
  • predecessor - (InlineEditor) - zum Festlegen des Vorgängers der aktuell bearbeiteten Aufgabe. Dieser Editor erhält die WBS-Codes der Aufgaben, um die Verbindung zur Vorgängeraufgabe herzustellen
  • [customEditorName: string] - (InlineEditor | undefined) - benutzerdefinierte Inline-Editoren

Editoren, die in diesem Objekt definiert sind, können an Gantt-Spalten angehängt werden:

const textEditor = {type: "text", map_to: "text"};
const dateEditor =  {type: "date", map_to: "start_date",
    min: new Date(2018, 0, 1), max: new Date(2019, 0, 1)};
 
gantt.config.columns = [
    {name: "text", label: "Aufgabenname", tree: true, width: "*", editor: textEditor},
    {name: "start_date", label: "Startzeit", align: "center", editor: dateEditor}
];
See also
Zurück nach oben