Перейти к основному содержимому

type_renderers

информация

Эта функция доступна только в PRO-версии.

Description​

Переопределяет функции, отвечающие за отображение различных типов задач

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​

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

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

  • 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) - необязательный, пользовательская функция рендеринга для любого кастомного типа задачи

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

custom_look

заметка

sample Classic Look