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

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

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

Related sample:  Classic Look

К началу