type_renderers

информация

This functionality is available in the PRO edition only.

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: {}

Related samples

• Classic Look

Details

Функция, которая рендерит задачи, принимает 2 параметра:

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

Вот возможные типы type_renderers:

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

Вы можете использовать эту опцию для определения пользовательского отображения для определённых типов задач. Например, настройка позволяет реализовать более консервативный вид для задач проекта или сводных задач.

заметка

пример Classic Look

Related API

• getTaskPosition