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

Эта возможность позволяет настраивать отображение различных типов задач, определяя собственные функции рендеринга.

Функция рендеринга принимает два аргумента:

• typeRenderer (task, defaultRender): HTMLElement | boolean | void | undefined - функция, которая принимает объект задачи и возвращает DOM-элемент, заменяющий стандартную панель задачи.
  • task - (Task) - объект задачи
  • defaultRender? - (TaskLayerRender) - необязательный, функция рендеринга по умолчанию, предоставляемая dhtmlxGantt

Доступные type_renderers включают:

• type_renderers - (object) - пользовательские функции рендеринга для разных типов задач
  • task? - (typeRenderer) - необязательный, пользовательская функция рендеринга для стандартных задач
  • project? - (typeRenderer) - необязательный, пользовательская функция рендеринга для проектных задач
  • milestone? - (typeRenderer) - необязательный, пользовательская функция рендеринга для вех
  • [typeName: string] - (typeRenderer | undefined) - необязательный, пользовательская функция рендеринга для любого кастомного типа задачи

Этот параметр позволяет создавать индивидуальный внешний вид для конкретных типов задач. Например, можно сделать более классический вид для проектных или сводных задач.

Related sample:  Classic Look

К началу