Zum Hauptinhalt springen

type_renderers

Info

Diese Funktion ist nur in der PRO-Edition verfügbar.

Description​

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

type_renderers: CustomTypeRenderers["type_renderers"]

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 className='project-left'></div>",
        "<div className='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: {}

Details​

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.

custom_look

Hinweis

sample Classic Look