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

timeline_cell_content

Description​

Указывает настраиваемый HTML-контент в timeline-ячейках

timeline_cell_content: (task: Task, date: Date) => string | number | void;

Parameters​

  • task - (required) Task - объект задачи
  • date - (required) Date - дата ячейки

Returns​

  • text - (string | number | void) - HTML-строка

Example​

gantt.templates.timeline_cell_content = function (task, date) {
    if (gantt.getTaskType(task) === "task"){
        const cost = calculateSlotCost(task, date);
        return `<div className='cost'>${demoValue}</div>`;
    }
    return "";
};

Details​

заметка

Рекомендуется использовать этот шаблон вместо метода [addTaskLayer()] (guides/baselines.md) в случаях, когда вам нужно показать настраиваемый контент в ячейках timeline. Это будет проще реализовать и быстрее по производительности.

Примечание: настраиваемый контент будет отображаться ниже полос задач, что означает, что полосы задач будут иметь более высокий z-index, и содержимое ячеек не будет видно, когда полоса задачи находится над ним. Если вам нужно, чтобы контент был видим поверх полосы, вы можете задать 'z-index' для настраиваемого элемента:

    .cost{
        position:absolute;
        z-index: 5;
        pointer-events: none; 
    }

Change log​

  • добавлено в версии v8.0
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.
Need more help?Contact Support