) => {
+ const treeList = getGanttTreeList(gantt)
+ if (!treeList) return
+
+ const {
+ scaleType: savedScaleType,
+ showDependencies,
+ showResources,
+ taskListWidth: savedTaskListWidth,
+ treeListState,
+ ...treeState
+ } = state
+
+ treeList.state(treeListState ?? treeState)
+ if (savedScaleType) setScaleType(savedScaleType)
+ if (savedTaskListWidth) setTaskListWidth(savedTaskListWidth)
+ gantt.option({
+ ...(showDependencies !== undefined ? { showDependencies } : {}),
+ ...(showResources !== undefined ? { showResources } : {}),
+ ...(savedTaskListWidth ? { taskListWidth: savedTaskListWidth } : {}),
+ })
+ }, [])
+
+ const handleGanttContentReady = useCallback(
+ (event: ContentReadyEvent) => {
+ if (!pendingStateRef.current) return
+
+ const state = pendingStateRef.current
+ pendingStateRef.current = undefined
+ requestAnimationFrame(() => requestAnimationFrame(() => applyState(event.component, state)))
+ },
+ [applyState],
+ )
+
+ const saveGanttState = useCallback(() => {
+ const gantt = gridRef.current?.instance()
+ if (gantt) customSaveState(getCurrentState(gantt)).catch(() => undefined)
+ }, [customSaveState, getCurrentState])
+
+ const resetGanttState = useCallback(async () => {
+ const gantt = gridRef.current?.instance()
+ if (!gantt || !storageKey) return
+
+ await postListFormCustomization({
+ listFormCode,
+ customizationType: ListFormCustomizationTypeEnum.GridState,
+ filterName: `gantt-${storageKey}`,
+ customizationData: '',
+ })
+ getGanttTreeList(gantt)?.state(null)
+ setTaskListWidth(500)
+ }, [listFormCode, storageKey])
+
+ useEffect(() => {
+ if (
+ !gridDto?.gridOptions.stateStoringDto?.enabled ||
+ !ganttDataSource ||
+ !columnData ||
+ !storageKey
+ )
+ return
+
+ const key = `${listFormCode}-${storageKey}`
+ if (loadedStateKeyRef.current === key) return
+ loadedStateKeyRef.current = key
+
+ customLoadState()
+ .then((state) => {
+ pendingStateRef.current = state ?? undefined
+ const gantt = gridRef.current?.instance()
+ if (gantt && state) handleGanttContentReady({ component: gantt } as ContentReadyEvent)
+ })
+ .catch(() => {
+ loadedStateKeyRef.current = ''
+ })
+ }, [
+ columnData,
+ customLoadState,
+ ganttDataSource,
+ gridDto,
+ handleGanttContentReady,
+ listFormCode,
+ storageKey,
+ ])
+
return (
<>
0 ? 'mt-2' : ''}>
@@ -217,7 +371,7 @@ const GanttView = (props: GanttViewProps) => {
ref={gridRef as any}
key={`Gantt-${listFormCode}-${ganttDataSource ? 'loaded' : 'loading'}`}
id={'Gantt-' + listFormCode}
- taskListWidth={500}
+ taskListWidth={taskListWidth}
scaleType={scaleType}
rootValue={
gridDto.gridOptions.ganttOptionDto?.rootValue === '' ||
@@ -232,6 +386,7 @@ const GanttView = (props: GanttViewProps) => {
? `calc(100vh - ${170 + widgetGroupHeight}px)`
: undefined
}
+ onContentReady={handleGanttContentReady}
>
{
showText="always"
options={getRefreshButtonOptions()}
/>
+ {ganttFilterToolbarData.map((item) => (
+ - {
/>
)}
-
+
-
+
@@ -324,6 +522,11 @@ const GanttView = (props: GanttViewProps) => {
))}
+
)}
diff --git a/ui/src/views/list/useListFormStateStoring.tsx b/ui/src/views/list/useListFormStateStoring.tsx
index ad110f56..6a379ffe 100644
--- a/ui/src/views/list/useListFormStateStoring.tsx
+++ b/ui/src/views/list/useListFormStateStoring.tsx
@@ -20,7 +20,7 @@ type PendingSave = {
type UseListFormStateStoringParams = {
listFormCode: string
storageKey?: string | null
- filterPrefix: 'list' | 'tree' | 'pivot' | 'todo'
+ filterPrefix: 'list' | 'tree' | 'pivot' | 'todo' | 'gantt'
skipSaveRef?: MutableRefObject
showSaveToast?: boolean
saveDebounceMs?: number