Our state of the art Gantt chart


Post by shimnx »

This is my data, and when I'm done loading, I want to drag the task with the mouse for how long, and it can't drag

{
    "eventsData": [
        {
            "id": "d8c24e50-95ff-47d6-9753-21d95b83f267",
            "parentId": null,
            "name": "2323",
            "percentDone": 0,
            "startDate": "2022-06-06",
            "rollUp": null,
            "duration": 14,
            "endDate": "2022-06-24",
            "showInTimeline": null,
            "baseLines": [],
            "children": null,
            "PhantomId": null,
            "expanded": null,
            "note": null,
            "draggable": true,
            "resizable": null,
            "constraintDate": "2022-06-04",
            "constraintType": "startnoearlierthan",
            "durationUnit": "day",
            "deadLineDate": null,
            "effort": 24,
            "effortDriven": false,
            "effortUnit": "hour",
            "inactive": null,
            "manuallyScheduled": false,
            "schedulingMode": "Normal",
            "slackUnit": "hour",
            "cls": "",
            "iconCls": null,
            "style": null,
            "taskIconCls": null,
            "parentIndex": 0,
            "status": "Waiting",
            "IsAllowDelete": false,
            "BookedHours": 0,
            "InvolveWorkLogs": [
                {
                    "UserName": "28038232",
                    "Name": "Wang, Fang",
                    "Count": 1
                }
            ]
        },
        {
            "id": "e87ff44a-ec9a-4bad-bb78-55bf2ca7298d",
            "parentId": null,
            "name": "B",
            "percentDone": 0,
            "startDate": "2022-05-27",
            "rollUp": null,
            "duration": 1,
            "endDate": "2022-05-28",
            "showInTimeline": null,
            "baseLines": [],
            "children": [
                {
                    "id": "7b99d8f3-5c5e-4aac-b66b-0b2e81443324",
                    "parentId": "e87ff44a-ec9a-4bad-bb78-55bf2ca7298d",
                    "name": "C",
                    "percentDone": 0,
                    "startDate": "2022-05-27",
                    "rollUp": null,
                    "duration": 1,
                    "endDate": "2022-05-28",
                    "showInTimeline": null,
                    "baseLines": [],
                    "children": null,
                    "PhantomId": null,
                    "expanded": null,
                    "note": null,
                    "draggable": true,
                    "resizable": null,
                    "constraintDate": null,
                    "constraintType": null,
                    "durationUnit": "day",
                    "deadLineDate": null,
                    "effort": 24,
                    "effortDriven": false,
                    "effortUnit": "hour",
                    "inactive": null,
                    "manuallyScheduled": false,
                    "schedulingMode": "Normal",
                    "slackUnit": "hour",
                    "cls": "",
                    "iconCls": null,
                    "style": null,
                    "taskIconCls": null,
                    "parentIndex": 0,
                    "status": null,
                    "IsAllowDelete": true,
                    "BookedHours": 0,
                    "InvolveWorkLogs": []
                }
            ],
            "PhantomId": null,
            "expanded": null,
            "note": null,
            "draggable": true,
            "resizable": null,
            "constraintDate": null,
            "constraintType": null,
            "durationUnit": "day",
            "deadLineDate": null,
            "effort": 24,
            "effortDriven": false,
            "effortUnit": "hour",
            "inactive": false,
            "manuallyScheduled": false,
            "schedulingMode": "Normal",
            "slackUnit": "hour",
            "cls": "",
            "iconCls": null,
            "style": null,
            "taskIconCls": null,
            "parentIndex": 1,
            "status": null,
            "IsAllowDelete": true,
            "BookedHours": 0,
            "InvolveWorkLogs": []
        }
    ],
    "dependenciesData": [
        {
            "id": "3a03a456-4f26-4a05-f3e9-10216d72589d",
            "fromTask": "4222464b-68ad-40b3-9a1b-fbe4bcfadbf7",
            "toTask": "08811440-3527-4213-b77b-018ad92442ab",
            "lag": 0
        },
        {
            "id": "3a03a9e8-49d4-90cf-f945-ced30857f1eb",
            "fromTask": "389ee819-95d7-4cd4-91b1-e9f0f1a1dc5c",
            "toTask": "7623c9dd-7f19-46d8-9734-01beed73fd92",
            "lag": 0
        },
        {
            "id": "3a03aae3-833a-0ce5-541d-2e15154edd18",
            "fromTask": "93929ee7-c7d9-4ba3-8f07-66bd972e2495",
            "toTask": "0278d01c-3bc2-4dc8-93f7-17adec26e1bf",
            "lag": 0
        },
        {
            "id": "3a03aae3-833a-dd83-6b20-3aa0b2ba02a2",
            "fromTask": "230f4a06-5f32-438f-b250-44e65b2b0c52",
            "toTask": "93929ee7-c7d9-4ba3-8f07-66bd972e2495",
            "lag": 0
        },
        {
            "id": "3a03aaea-e1ff-e0bc-48ff-8550210de781",
            "fromTask": "2e4dce6d-7969-4fd0-8c7c-68d80a20e0bf",
            "toTask": "5ea4bbf6-30ff-4e10-805a-244085ae3938",
            "lag": 0
        },
        {
            "id": "3a03aaea-e1ff-e75c-6781-149eb459988c",
            "fromTask": "4c851e89-4e06-470e-aa60-119f5853d16c",
            "toTask": "2e4dce6d-7969-4fd0-8c7c-68d80a20e0bf",
            "lag": 0
        },
        {
            "id": "3a03aaee-6d88-6230-3a14-5496586a0a76",
            "fromTask": "2a07b399-bc14-4800-86fa-91fcc7296899",
            "toTask": "a7d8870e-b833-42b1-8cff-4a8b0bc6a46d",
            "lag": 0
        },
        {
            "id": "3a03aaf1-fca7-452f-b197-d9f24c7c5603",
            "fromTask": "98c28c3e-78d1-4a3b-b723-7a21844e69ee",
            "toTask": "e6caab53-667e-4bce-a3cb-e5157117bd09",
            "lag": 0
        }
    ],
    "resourcesData": [
        {
            "id": "28030048",
            "name": "Ding, Zhengguo",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28030048.jpg",
            "orgCode": "OP/TCG-ZSX"
        },
        {
            "id": "28019256",
            "name": "Wang, Chuan",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28019256.jpg",
            "orgCode": "OP/TCG-ZSD13"
        },
        {
            "id": "28030092",
            "name": "Zhang, Wei",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28030092.jpg",
            "orgCode": "OP/TCG-ZSD22"
        },
        {
            "id": "28001433",
            "name": "Yueting",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28001433.jpg",
            "orgCode": "OP/TCG-ZSD23"
        },
        {
            "id": "28020045",
            "name": "Feng, Lingyuan",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28020045.jpg",
            "orgCode": "OP/TCG-ZSEH"
        },
        {
            "id": "28033934",
            "name": "Zhang, Yuanfa",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28033934.jpg",
            "orgCode": "OP/TCG-ZSIS"
        },
        {
            "id": "28035512",
            "name": "Wu, Yongbing",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28035512.jpg",
            "orgCode": "OP/TCG-ZSYE"
        },
        {
            "id": "28038232",
            "name": "Wang, Fang",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28038232.jpg",
            "orgCode": "OP/TCG-ZSIS"
        },
        {
            "id": "28012452",
            "name": "Wang, You",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28012452.jpg",
            "orgCode": "OP/TCG-ZSD21"
        },
        {
            "id": "28030470",
            "name": "Feng, Yangyang",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28030470.jpg",
            "orgCode": "OP/TCG-ZSD21"
        },
        {
            "id": "28025896",
            "name": "Liu, Shan",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28025896.jpg",
            "orgCode": "OP/TCG-ZSD21"
        },
        {
            "id": "28027165",
            "name": "Lou, Changgui",
            "image": "https://qakimigatewaybe.schaefflercn.com/WorkImg/28027165.jpg",
            "orgCode": "OP/TCG-ZSD21"
        }
    ],
    "assignmentsData": [
        {
            "id": "d8c24e50-95ff-47d6-9753-21d95b83f267",
            "eventId": "d8c24e50-95ff-47d6-9753-21d95b83f267",
            "resourceId": "28038232"
        }
    ],
    "calendarsData": [
        {
            "id": "general",
            "name": "General",
            "intervals": [
                {
                    "startDate": "2022-01-01",
                    "endDate": "2022-01-02",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-02",
                    "endDate": "2022-01-03",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-03",
                    "endDate": "2022-01-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-08",
                    "endDate": "2022-01-09",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-09",
                    "endDate": "2022-01-10",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-15",
                    "endDate": "2022-01-16",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-16",
                    "endDate": "2022-01-17",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-22",
                    "endDate": "2022-01-23",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-23",
                    "endDate": "2022-01-24",
                    "isWorking": false
                },
                {
                    "startDate": "2022-01-31",
                    "endDate": "2022-02-01",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-01",
                    "endDate": "2022-02-02",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-02",
                    "endDate": "2022-02-03",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-03",
                    "endDate": "2022-02-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-04",
                    "endDate": "2022-02-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-05",
                    "endDate": "2022-02-06",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-06",
                    "endDate": "2022-02-07",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-12",
                    "endDate": "2022-02-13",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-13",
                    "endDate": "2022-02-14",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-19",
                    "endDate": "2022-02-20",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-20",
                    "endDate": "2022-02-21",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-26",
                    "endDate": "2022-02-27",
                    "isWorking": false
                },
                {
                    "startDate": "2022-02-27",
                    "endDate": "2022-02-28",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-05",
                    "endDate": "2022-03-06",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-06",
                    "endDate": "2022-03-07",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-12",
                    "endDate": "2022-03-13",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-13",
                    "endDate": "2022-03-14",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-19",
                    "endDate": "2022-03-20",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-20",
                    "endDate": "2022-03-21",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-26",
                    "endDate": "2022-03-27",
                    "isWorking": false
                },
                {
                    "startDate": "2022-03-27",
                    "endDate": "2022-03-28",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-03",
                    "endDate": "2022-04-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-04",
                    "endDate": "2022-04-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-05",
                    "endDate": "2022-04-06",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-09",
                    "endDate": "2022-04-10",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-10",
                    "endDate": "2022-04-11",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-16",
                    "endDate": "2022-04-17",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-17",
                    "endDate": "2022-04-18",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-23",
                    "endDate": "2022-04-24",
                    "isWorking": false
                },
                {
                    "startDate": "2022-04-30",
                    "endDate": "2022-05-01",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-01",
                    "endDate": "2022-05-02",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-02",
                    "endDate": "2022-05-03",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-03",
                    "endDate": "2022-05-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-04",
                    "endDate": "2022-05-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-08",
                    "endDate": "2022-05-09",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-14",
                    "endDate": "2022-05-15",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-15",
                    "endDate": "2022-05-16",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-21",
                    "endDate": "2022-05-22",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-22",
                    "endDate": "2022-05-23",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-28",
                    "endDate": "2022-05-29",
                    "isWorking": false
                },
                {
                    "startDate": "2022-05-29",
                    "endDate": "2022-05-30",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-04",
                    "endDate": "2022-06-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-05",
                    "endDate": "2022-06-06",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-11",
                    "endDate": "2022-06-12",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-12",
                    "endDate": "2022-06-13",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-18",
                    "endDate": "2022-06-19",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-19",
                    "endDate": "2022-06-20",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-25",
                    "endDate": "2022-06-26",
                    "isWorking": false
                },
                {
                    "startDate": "2022-06-26",
                    "endDate": "2022-06-27",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-02",
                    "endDate": "2022-07-03",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-03",
                    "endDate": "2022-07-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-09",
                    "endDate": "2022-07-10",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-10",
                    "endDate": "2022-07-11",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-16",
                    "endDate": "2022-07-17",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-17",
                    "endDate": "2022-07-18",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-23",
                    "endDate": "2022-07-24",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-24",
                    "endDate": "2022-07-25",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-30",
                    "endDate": "2022-07-31",
                    "isWorking": false
                },
                {
                    "startDate": "2022-07-31",
                    "endDate": "2022-08-01",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-06",
                    "endDate": "2022-08-07",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-07",
                    "endDate": "2022-08-08",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-13",
                    "endDate": "2022-08-14",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-14",
                    "endDate": "2022-08-15",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-20",
                    "endDate": "2022-08-21",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-21",
                    "endDate": "2022-08-22",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-27",
                    "endDate": "2022-08-28",
                    "isWorking": false
                },
                {
                    "startDate": "2022-08-28",
                    "endDate": "2022-08-29",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-03",
                    "endDate": "2022-09-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-04",
                    "endDate": "2022-09-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-10",
                    "endDate": "2022-09-11",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-11",
                    "endDate": "2022-09-12",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-17",
                    "endDate": "2022-09-18",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-18",
                    "endDate": "2022-09-19",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-24",
                    "endDate": "2022-09-25",
                    "isWorking": false
                },
                {
                    "startDate": "2022-09-25",
                    "endDate": "2022-09-26",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-01",
                    "endDate": "2022-10-02",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-02",
                    "endDate": "2022-10-03",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-08",
                    "endDate": "2022-10-09",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-09",
                    "endDate": "2022-10-10",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-15",
                    "endDate": "2022-10-16",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-16",
                    "endDate": "2022-10-17",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-22",
                    "endDate": "2022-10-23",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-23",
                    "endDate": "2022-10-24",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-29",
                    "endDate": "2022-10-30",
                    "isWorking": false
                },
                {
                    "startDate": "2022-10-30",
                    "endDate": "2022-10-31",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-05",
                    "endDate": "2022-11-06",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-06",
                    "endDate": "2022-11-07",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-12",
                    "endDate": "2022-11-13",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-13",
                    "endDate": "2022-11-14",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-19",
                    "endDate": "2022-11-20",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-20",
                    "endDate": "2022-11-21",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-26",
                    "endDate": "2022-11-27",
                    "isWorking": false
                },
                {
                    "startDate": "2022-11-27",
                    "endDate": "2022-11-28",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-03",
                    "endDate": "2022-12-04",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-04",
                    "endDate": "2022-12-05",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-10",
                    "endDate": "2022-12-11",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-11",
                    "endDate": "2022-12-12",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-17",
                    "endDate": "2022-12-18",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-18",
                    "endDate": "2022-12-19",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-24",
                    "endDate": "2022-12-25",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-25",
                    "endDate": "2022-12-26",
                    "isWorking": false
                },
                {
                    "startDate": "2022-12-31",
                    "endDate": "2023-01-01",
                    "isWorking": false
                },
                {
                    "startDate": "2023-01-01",
                    "endDate": "2023-01-02",
                    "isWorking": false
                }
            ]
        }
    ]
}
Attachments
屏幕截图 2022-05-27 103254.png
屏幕截图 2022-05-27 103254.png (88.19 KiB) Viewed 180 times

Post by alex.l »

Works ok to me, after I fixed errors in console. I mentioned in previous posts about resizable field that you passed from server. It cannot be null. I changed it on true and all works as expected.

All the best,
Alex


Post Reply