如何强制刷新甘特图

Question

我想在一些数据更新后刷新甘特图，所以起初我通过调用 forceUpdate() 并且我预计 taskbarTemplate 会因此触发，但这并没有发生。我做了这个 stackblitz showing the issue: the expected result is the change of items color to green when the Change color button is clicked (screenshot).

Answer 1

我们可以使用甘特图控件的刷新方式实现您的要求。请找到下面的代码示例。

<button type="button" onClick={ev => {
        this.itemBgColor = 'green';
        var obj = document.getElementById('Default').ej2_instances[0];
        obj.refresh();
}}>Change color</button>

示例 - https://stackblitz.com/edit/react-6lscfc-rzsakm?file=index.js

如何强制刷新甘特图

How to force refresh the gantt

gantt-chart

syncfusion

reactjs