1. Home
  2. Forum
  3. Blazor
  4. Cannot get Gantt Blazor Syncfusion to Load

Cannot get Gantt Blazor Syncfusion to Load

_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1 Uncaught (in promise) TypeError: Cannot read property 'parentNode' of null
    at Object.e.remove (_content/Syncfusion.Blazor/scripts/syncfusion-blazor.min.js:1)
    at t.renderGantt (_content/Syncfusion.Blazor/scripts/gantt-a1eb99.min.js:1)
    at _content/Syncfusion.Blazor/scripts/gantt-a1eb99.min.js:1


 
                     ProjectStartDate="@ProjectStart" ProjectEndDate="@ProjectEnd">
               
                                 Dependency="Predecessor" Child="SubTasks">
               
                   
                       
                            @((context as GanttData.TaskData).TaskName)
                       
                   
               


 public partial class MyGnatt
    {
        public DateTime ProjectStart = new DateTime(2019, 3, 25);
        public DateTime ProjectEnd = new DateTime(2019, 7, 28);
        public List TaskCollection { get; set; }
        public List ResourceCollection { get; set; }
        protected override void OnInitialized()
        {
            TaskCollection = GanttData.EditingData().ToList();
            ResourceCollection = GanttData.EditingResources();
        }
    }

  public class GanttData
    {
        public class TaskData
        {
            public int TaskId { get; set; }
            public string TaskName { get; set; }
            public DateTime? StartDate { get; set; }
            public DateTime? EndDate { get; set; }
            public DateTime? BaselineStartDate { get; set; }
            public DateTime? BaselineEndDate { get; set; }
            public string Duration { get; set; }
            public int Progress { get; set; }
            public string Predecessor { get; set; }
            public List SubTasks { get; set; }
            public object ResourceId { get; set; }
            public string Notes { get; set; }
            public string TaskType { get; set; }
        }
        public class TaskResources
        {
            public int ResourceId { get; set; }
            public string ResourceName { get; set; }
        }
        public static List EditingResources()
        {
            List TaskResourcesCollection = new List();
            TaskResources Record1 = new TaskResources()
            {
                ResourceId = 1,
                ResourceName = "Martin Tamer"
            };
            TaskResources Record2 = new TaskResources()
            {
                ResourceId = 2,
                ResourceName = "Rose Fuller"
            };
            TaskResources Record3 = new TaskResources()
            {
                ResourceId = 3,
                ResourceName = "Margaret Buchanan"
            };
            TaskResources Record4 = new TaskResources()
            {
                ResourceId = 4,
                ResourceName = "Fuller King"
            };
            TaskResources Record5 = new TaskResources()
            {
                ResourceId = 5,
                ResourceName = "Davolio Fuller"
            };
            TaskResources Record6 = new TaskResources()
            {
                ResourceId = 6,
                ResourceName = "Van Jack"
            };
            TaskResources Record7 = new TaskResources()
            {
                ResourceId = 7,
                ResourceName = "Fuller Buchanan"
            };
            TaskResources Record8 = new TaskResources()
            {
                ResourceId = 8,
                ResourceName = "Jack Davolio"
            };
            TaskResources Record9 = new TaskResources()
            {
                ResourceId = 9,
                ResourceName = "Tamer Vinet"
            };
            TaskResources Record10 = new TaskResources()
            {
                ResourceId = 10,
                ResourceName = "Vinet Fuller"
            };
            TaskResources Record11 = new TaskResources()
            {
                ResourceId = 11,
                ResourceName = "Bergs Anton"
            };
            TaskResources Record12 = new TaskResources()
            {
                ResourceId = 12,
                ResourceName = "Construction Supervisor"
            };
            TaskResourcesCollection.Add(Record1);
            TaskResourcesCollection.Add(Record2);
            TaskResourcesCollection.Add(Record3);
            TaskResourcesCollection.Add(Record4);
            TaskResourcesCollection.Add(Record5);
            TaskResourcesCollection.Add(Record6);
            TaskResourcesCollection.Add(Record7);
            TaskResourcesCollection.Add(Record8);
            TaskResourcesCollection.Add(Record9);
            TaskResourcesCollection.Add(Record10);
            TaskResourcesCollection.Add(Record11);
            TaskResourcesCollection.Add(Record12);
            return TaskResourcesCollection;
        }
        public static List EditingData()
        {
            var TaskDataCollection = new List();
            TaskDataCollection.Add(new TaskData()
            {
                TaskId = 1,
                      TaskName = "Project initiation",
                        StartDate = new DateTime(2019, 04, 02),
                        EndDate = new DateTime(2019, 04, 21),
                        SubTasks = new List(),
            });
            return TaskDataCollection;
        }
   
    }




4 Replies 1 reply marked as answer
LO Logan August 25, 2020 04:53 PM UTC

<SfGantt DataSource="@TaskCollection" Height="450px" Width="100%" HighlightWeekends="true"
                     ProjectStartDate="@ProjectStart" ProjectEndDate="@ProjectEnd">
                <GanttTaskFields Id="TaskId" Name="TaskName" StartDate="StartDate" EndDate="EndDate" Duration="Duration" Progress="Progress"
                                 Dependency="Predecessor" Child="SubTasks"></GanttTaskFields>
                <GanttLabelSettings>
                    <LeftLabelTemplate>
                        <div class="e-left-label-inner-div" style="height:22px;margin-top:7px;">
                            <span class="e-label">@((context as GanttData.TaskData).TaskName)</span>
                        </div>
                    </LeftLabelTemplate>
                </GanttLabelSettings>
</SfGantt>

PP Pooja Priya Krishna Moorthy Syncfusion Team August 26, 2020 01:38 PM UTC

Hi , 
We are able to reproduce this issue in v18.2.54. But this issue has been already resolved in our latest version v18.2.55. Please upgrade your packages to the latest version. 
We have prepared a sample with latest version. Please find the below sample link. 

Please get back to us if you require further assistance on this. 

Regards, 
Pooja K. 



Marked as answer
LO Logan August 26, 2020 02:47 PM UTC

it works now thanks! :)

PP Pooja Priya Krishna Moorthy Syncfusion Team August 27, 2020 06:23 AM UTC

Hi Logan, 
We are happy to hear that your issue has been resolved.  
Please get back to us if you have any other queries. 

Regards, 
Pooja K. 


Loader.
Up arrow icon