type_renderers

definiert Funktionen, 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.

Eine Funktion, die Aufgaben rendert, benötigt 2 Parameter:

typeRenderer (task, defaultRender): HTMLElement | boolean | void | undefined - eine Funktion, die das Aufgabensobjekt als Parameter erhält und ein DOM-Element zurückgeben muss, das anstelle der Aufgabenleiste angezeigt wird.
- task - (Task) - das Aufgabenobjekt
- defaultRender? - (TaskLayerRender) - optional, die Standard-Renderfunktion, die im dhtmlxGantt verwendet wird

Hier sind die möglichen type_renderers Typen:

type_renderers - (object) - eine benutzerdefinierte Renderfunktion für den task Typ
- task? - (typeRenderer) - optional, eine benutzerdefinierte Renderfunktion für den task Typ
- project? - (typeRenderer) - optional, eine benutzerdefinierte Renderfunktion für den project Typ
- milestone? - (typeRenderer) - optional, eine benutzerdefinierte Renderfunktion für den milestone Typ
- [typeName: string] - (typeRenderer | undefined) - optional, eine benutzerdefinierte Renderfunktion für den benutzerdefinierten Aufgabentyp

Sie können diese Option verwenden, um eine benutzerdefinierte Anzeige für bestimmte Aufgabentypen zu definieren. Zum Beispiel ermöglicht die Einstellung, eine konservativere Ansicht für Projekt- oder Zusammenfassungsaufgaben zu implementieren.

Related sample: Classic Look