type_renderers

Definiert Funktionen neu, die für die Anzeige verschiedener Aufgabentypen verantwortlich sind

CustomTypeRenderers type_renderers;

Available only in PRO Edition

Example

gantt.config.type_renderers[gantt.config.types.project] = function(task,defaultRender){
    var main_el = document.createElement("div");
    var size = gantt.getTaskPosition(task);
    main_el.innerHTML = [
        "<div class='project-left'></div>",
        "<div class='project-right'></div>"
    ].join('');
    main_el.className = "custom-project";
 
    main_el.style.left = size.left + "px";
    main_el.style.top = size.top + 7 + "px";
    main_el.style.width = size.width + "px";
 
    return main_el;
};

Default value:

{}

Related samples

Classic Look

Details

Diese Funktionalität ist nur in der PRO-Edition verfügbar.

Dieses Feature ermöglicht es Ihnen, die Darstellung verschiedener Aufgabentypen anzupassen, indem Sie eigene Rendering-Funktionen definieren.

Eine Rendering-Funktion erhält zwei Argumente:

typeRenderer (task, defaultRender): HTMLElement | boolean | void | undefined - eine Funktion, die ein Task-Objekt entgegennimmt und ein DOM-Element zurückgibt, das die Standard-Aufgabenleiste ersetzt.
- task - (Task) - das Task-Objekt
- defaultRender? - (TaskLayerRender) - optional, die Standard-Rendering-Funktion, die von dhtmlxGantt bereitgestellt wird

Die verfügbaren type_renderers umfassen:

type_renderers - (object) - benutzerdefinierte Renderfunktionen für verschiedene Aufgabentypen
- task? - (typeRenderer) - optional, benutzerdefinierte Renderfunktion für Standardaufgaben
- project? - (typeRenderer) - optional, benutzerdefinierte Renderfunktion für Projektaufgaben
- milestone? - (typeRenderer) - optional, benutzerdefinierte Renderfunktion für Meilensteine
- [typeName: string] - (typeRenderer | undefined) - optional, benutzerdefinierte Renderfunktion für beliebige benutzerdefinierte Aufgabentypen

Diese Option erlaubt es Ihnen, ein maßgeschneidertes Aussehen für spezifische Aufgabentypen zu erstellen. Zum Beispiel können Sie ein traditionelleres Erscheinungsbild für Projekt- oder Zusammenfassungsaufgaben gestalten.

Related sample: Classic Look