外部拖动后，resourceHeader 变空

Question

我们需要删除一个外部项目，然后通过调用 setState 相应地更新计划数据以适应该变化，但 resourceHeader 变为空，因为它们的模板不会因此呈现我在这个 stackblitz 中重现了这个错误：https://stackblitz.com/edit/react-gzetyr 这里还有一个录制的屏幕截图演示：https://i.imgur.com/wjT9APb.gifv PS：我不得不在 setState 调用之后在 setTimeout 中调用 forceUpdate，因为仅靠 strangly setState 调用不足以重新呈现计划。最好的问候

Answer 1

我通过调用

解决了这个问题

this.scheduleObj.addEvent(droppedItemData);

如 creation-using-addevent-method 示例。

在那个例子中，addEvent 调用似乎对计划没有任何影响（没有添加指定）我发现在 onTreeDragStop（在他们的 external-drag-drop) after updating the droppedItemData with new matching data, it works, and later on , in the onActionBegin (as in their external-drag-drop 中）一个 event.requestType === 'eventCreate' 将被返回，我也可以在那里进行后端更新。

Answer 2

我们最终验证了所报告的问题，建议您使用 delayUpdate 属性来解决该问题。

<ScheduleComponent ref={schedule => this.scheduleObj = schedule}  delayUpdate={true} > </ScheduleComponent>



<TreeViewComponent ref={tree => this.treeObj = tree} delayUpdate={true} </ TreeViewComponent>

示例：https://stackblitz.com/edit/react-scheduler-i268259-external-drag-and-drop-utku7n?file=index.js

请尝试上面的示例，如果您需要任何进一步的帮助，请与我们联系。

UG link（延迟更新）：https://ej2.syncfusion.com/react/documentation/common/how-to/resolve-react-template-issues/

外部拖动后，resourceHeader 变空

After an external drag, resourceHeader become empty

schedule

syncfusion

reactjs