Zum Hauptinhalt springen

type_renderers

Info

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

Description

Definiert Funktionen neu, die verschiedene Typen von Aufgaben anzeigen

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

Eine Funktion, die Aufgaben rendert, nimmt 2 Parameter:

  • type_renderers - (object) - eine benutzerdefinierte Render-Funktion für den task-Typ
    • task - (Task) - das Task-Objekt
    • defaultRender? - (TaskLayerRender) - optional, die Standard-Render-Funktion, die im dhtmlxGantt verwendet wird

Hier sind die möglichen type_renderers Typen:

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

You can use this option to define a custom display for certain types of tasks. Beispielsweise ermöglicht diese Einstellung eine konservativere Ansicht für den Typ Projekt oder Summary-Aufgaben.

Hinweis
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.