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