Your search did not match any results.

Gantt - Context Menu

Our feature-complete Gantt component allows you to create and customize its context menu as needed. Use the contextMenu property and contextMenuPreparing event to access and manage context menu items.

Backend API
@using DevExtreme.NETCore.Demos.Models.SampleData @using Gantt = DevExtreme.NETCore.Demos.Models.Gantt <div class="widget-container"> <div class="options"> <div class="caption">Options</div> <div class="option"> @(Html.DevExtreme().CheckBox() .ID("preventContextMenuShowing") .Value(false) .Text("Prevent Context Menu Showing") ) </div> <div class="option"> @(Html.DevExtreme().CheckBox() .Value(true) .Text("Customize Context Menu") .OnValueChanged("customizeContextMenu_changed") ) </div> </div> @(Html.DevExtreme().Gantt<Gantt.Task>() .ID("gantt") .Tasks(t => t .DataSource(ds => ds.Array().Data(SampleData.GanttTasks).Key("ID")) .KeyExpr("ID") .TitleExpr("Title") .ParentIdExpr("ParentId") .StartExpr("Start") .EndExpr("End") .ProgressExpr("Progress") ) .Dependencies(d => d .DataSource(ds => ds.Array().Data(SampleData.GanttDependencies).Key("ID")) .KeyExpr("ID") .PredecessorIdExpr("PredecessorId") .SuccessorIdExpr("SuccessorId") .TypeExpr("Type") ) .Resources(r => r .DataSource(ds => ds.Array().Data(SampleData.GanttResources).Key("ID")) .KeyExpr("ID") .TextExpr("Text") ) .ResourceAssignments(ra => ra .DataSource(ds => ds.Array().Data(SampleData.GanttResourceAssignments).Key("ID")) .KeyExpr("ID") .TaskIdExpr("TaskId") .ResourceIdExpr("ResourceId") ) .Editing(e => e.Enabled(true)) .Columns(columns => { columns.AddFor(m => m.Title) .Caption("Subject") .Width(300); columns.AddFor(m => m.Start) .Caption("Start Date"); columns.AddFor(m => m.End) .Caption("End Date"); }) .TaskListWidth(500) .ScaleType(GanttScaleType.Weeks) .OnCustomCommand("onCustomCommandClick") .ContextMenu(cm => { cm.Items(i => { i.Add().Name(GanttContextMenuItem.AddTask); i.Add().Name(GanttContextMenuItem.TaskDetails); i.Add().Name(GanttContextMenuItem.DeleteTask); i.Add().Name("ToggleDisplayOfResources").Text("Toggle Display of Resources"); }); }) .OnContextMenuPreparing("onContextMenuPreparing") ) </div> <script> function getGanttInstance() { return $("#gantt").dxGantt("instance"); } function onContextMenuPreparing(e) { e.cancel = $("#preventContextMenuShowing").dxCheckBox("instance").option("value"); } function customizeContextMenu_changed(e) { var ganttInstance = getGanttInstance(); var items = e.value ? getContextMenuItems() : undefined; ganttInstance.option("contextMenu.items", items); } function onCustomCommandClick(e) { var ganttInstance = getGanttInstance(); if (e.name == 'ToggleDisplayOfResources') { var showResources = ganttInstance.option("showResources"); ganttInstance.option("showResources", !showResources); } } function getContextMenuItems() { return [ "addTask", "taskdetails", "deleteTask", { name: "ToggleDisplayOfResources", text: "Toggle Display of Resources" } ] } </script>
using Microsoft.AspNetCore.Mvc; using DevExtreme.NETCore.Demos.Models.SampleData; namespace DevExtreme.NETCore.Demos.Controllers { public class GanttController : Controller { public IActionResult ContextMenu() { return View(); } } }
using System; namespace DevExtreme.NETCore.Demos.Models.Gantt { public class Dependency { public int ID { get; set; } public int PredecessorId { get; set; } public int SuccessorId { get; set; } public int Type { get; set; } } }
using DevExtreme.NETCore.Demos.Models.Gantt; using System; using System.Collections.Generic; namespace DevExtreme.NETCore.Demos.Models.SampleData { public partial class SampleData { private static readonly DateTime currentDate = DateTime.Now; private static readonly int month = currentDate.Month; private static readonly int year = currentDate.Year; public static readonly IEnumerable<Task> GanttTasks = new[] { new Task { ID = 1, ParentId = 0, Title = "Software Development", Start = DateTime.Parse("2019-02-21T05:00:00.000Z"), End = DateTime.Parse("2019-07-04T12:00:00.000Z"), Progress = 31 }, new Task { ID = 2, ParentId = 1, Title = "Scope", Start = DateTime.Parse("2019-02-21T05:00:00.000Z"), End = DateTime.Parse("2019-02-26T09:00:00.000Z"), Progress = 60 }, new Task { ID = 3, ParentId = 2, Title = "Determine project scope", Start = DateTime.Parse("2019-02-21T05:00:00.000Z"), End = DateTime.Parse("2019-02-21T09:00:00.000Z"), Progress = 100 }, new Task { ID = 4, ParentId = 2, Title = "Secure project sponsorship", Start = DateTime.Parse("2019-02-21T10:00:00.000Z"), End = DateTime.Parse("2019-02-22T09:00:00.000Z"), Progress = 100 }, new Task { ID = 5, ParentId = 2, Title = "Define preliminary resources", Start = DateTime.Parse("2019-02-22T10:00:00.000Z"), End = DateTime.Parse("2019-02-25T09:00:00.000Z"), Progress = 60 }, new Task { ID = 6, ParentId = 2, Title = "Secure core resources", Start = DateTime.Parse("2019-02-25T10:00:00.000Z"), End = DateTime.Parse("2019-02-26T09:00:00.000Z"), Progress = 0 }, new Task { ID = 7, ParentId = 2, Title = "Scope complete", Start = DateTime.Parse("2019-02-26T09:00:00.000Z"), End = DateTime.Parse("2019-02-26T09:00:00.000Z"), Progress = 0 }, new Task { ID = 8, ParentId = 1, Title = "Analysis/Software Requirements", Start = DateTime.Parse("2019-02-26T10:00:00.000Z"), End = DateTime.Parse("2019-03-18T09:00:00.000Z"), Progress = 80 }, new Task { ID = 9, ParentId = 8, Title = "Conduct needs analysis", Start = DateTime.Parse("2019-02-26T10:00:00.000Z"), End = DateTime.Parse("2019-03-05T09:00:00.000Z"), Progress = 100 }, new Task { ID = 10, ParentId = 8, Title = "Draft preliminary software specifications", Start = DateTime.Parse("2019-03-05T10:00:00.000Z"), End = DateTime.Parse("2019-03-08T09:00:00.000Z"), Progress = 100 }, new Task { ID = 11, ParentId = 8, Title = "Develop preliminary budget", Start = DateTime.Parse("2019-03-08T10:00:00.000Z"), End = DateTime.Parse("2019-03-12T09:00:00.000Z"), Progress = 100 }, new Task { ID = 12, ParentId = 8, Title = "Review software specifications/budget with team", Start = DateTime.Parse("2019-03-12T10:00:00.000Z"), End = DateTime.Parse("2019-03-12T14:00:00.000Z"), Progress = 100 }, new Task { ID = 13, ParentId = 8, Title = "Incorporate feedback on software specifications", Start = DateTime.Parse("2019-03-13T05:00:00.000Z"), End = DateTime.Parse("2019-03-13T14:00:00.000Z"), Progress = 70 }, new Task { ID = 14, ParentId = 8, Title = "Develop delivery timeline", Start = DateTime.Parse("2019-03-14T05:00:00.000Z"), End = DateTime.Parse("2019-03-14T14:00:00.000Z"), Progress = 0 }, new Task { ID = 15, ParentId = 8, Title = "Obtain approvals to proceed (concept, timeline, budget)", Start = DateTime.Parse("2019-03-15T05:00:00.000Z"), End = DateTime.Parse("2019-03-15T09:00:00.000Z"), Progress = 0 }, new Task { ID = 16, ParentId = 8, Title = "Secure required resources", Start = DateTime.Parse("2019-03-15T10:00:00.000Z"), End = DateTime.Parse("2019-03-18T09:00:00.000Z"), Progress = 0 }, new Task { ID = 17, ParentId = 8, Title = "Analysis complete", Start = DateTime.Parse("2019-03-18T09:00:00.000Z"), End = DateTime.Parse("2019-03-18T09:00:00.000Z"), Progress = 0 }, new Task { ID = 18, ParentId = 1, Title = "Design", Start = DateTime.Parse("2019-03-18T10:00:00.000Z"), End = DateTime.Parse("2019-04-05T14:00:00.000Z"), Progress = 80 }, new Task { ID = 19, ParentId = 18, Title = "Review preliminary software specifications", Start = DateTime.Parse("2019-03-18T10:00:00.000Z"), End = DateTime.Parse("2019-03-20T09:00:00.000Z"), Progress = 100 }, new Task { ID = 20, ParentId = 18, Title = "Develop functional specifications", Start = DateTime.Parse("2019-03-20T10:00:00.000Z"), End = DateTime.Parse("2019-03-27T09:00:00.000Z"), Progress = 100 }, new Task { ID = 21, ParentId = 18, Title = "Develop prototype based on functional specifications", Start = DateTime.Parse("2019-03-27T10:00:00.000Z"), End = DateTime.Parse("2019-04-02T09:00:00.000Z"), Progress = 100 }, new Task { ID = 22, ParentId = 18, Title = "Review functional specifications", Start = DateTime.Parse("2019-04-02T10:00:00.000Z"), End = DateTime.Parse("2019-04-04T09:00:00.000Z"), Progress = 30 }, new Task { ID = 23, ParentId = 18, Title = "Incorporate feedback into functional specifications", Start = DateTime.Parse("2019-04-04T10:00:00.000Z"), End = DateTime.Parse("2019-04-05T09:00:00.000Z"), Progress = 0 }, new Task { ID = 24, ParentId = 18, Title = "Obtain approval to proceed", Start = DateTime.Parse("2019-04-05T10:00:00.000Z"), End = DateTime.Parse("2019-04-05T14:00:00.000Z"), Progress = 0 }, new Task { ID = 25, ParentId = 18, Title = "Design complete", Start = DateTime.Parse("2019-04-05T14:00:00.000Z"), End = DateTime.Parse("2019-04-05T14:00:00.000Z"), Progress = 0 }, new Task { ID = 26, ParentId = 1, Title = "Development", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-05-07T12:00:00.000Z"), Progress = 42 }, new Task { ID = 27, ParentId = 26, Title = "Review functional specifications", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-08T14:00:00.000Z"), Progress = 100 }, new Task { ID = 28, ParentId = 26, Title = "Identify modular/tiered design parameters", Start = DateTime.Parse("2019-04-09T05:00:00.000Z"), End = DateTime.Parse("2019-04-09T14:00:00.000Z"), Progress = 100 }, new Task { ID = 29, ParentId = 26, Title = "Assign development staff", Start = DateTime.Parse("2019-04-10T05:00:00.000Z"), End = DateTime.Parse("2019-04-10T14:00:00.000Z"), Progress = 100 }, new Task { ID = 30, ParentId = 26, Title = "Develop code", Start = DateTime.Parse("2019-04-11T05:00:00.000Z"), End = DateTime.Parse("2019-05-01T14:00:00.000Z"), Progress = 49 }, new Task { ID = 31, ParentId = 26, Title = "Developer testing (primary debugging)", Start = DateTime.Parse("2019-04-16T12:00:00.000Z"), End = DateTime.Parse("2019-05-07T12:00:00.000Z"), Progress = 24 }, new Task { ID = 32, ParentId = 26, Title = "Development complete", Start = DateTime.Parse("2019-05-07T12:00:00.000Z"), End = DateTime.Parse("2019-05-07T12:00:00.000Z"), Progress = 0 }, new Task { ID = 33, ParentId = 1, Title = "Testing", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-06-13T12:00:00.000Z"), Progress = 23 }, new Task { ID = 34, ParentId = 33, Title = "Develop unit test plans using product specifications", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-11T14:00:00.000Z"), Progress = 100 }, new Task { ID = 35, ParentId = 33, Title = "Develop integration test plans using product specifications", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-11T14:00:00.000Z"), Progress = 100 }, new Task { ID = 36, ParentId = 33, Title = "Unit Testing", Start = DateTime.Parse("2019-05-07T12:00:00.000Z"), End = DateTime.Parse("2019-05-28T12:00:00.000Z"), Progress = 0 }, new Task { ID = 37, ParentId = 36, Title = "Review modular code", Start = DateTime.Parse("2019-05-07T12:00:00.000Z"), End = DateTime.Parse("2019-05-14T12:00:00.000Z"), Progress = 0 }, new Task { ID = 38, ParentId = 36, Title = "Test component modules to product specifications", Start = DateTime.Parse("2019-05-14T12:00:00.000Z"), End = DateTime.Parse("2019-05-16T12:00:00.000Z"), Progress = 0 }, new Task { ID = 39, ParentId = 36, Title = "Identify anomalies to product specifications", Start = DateTime.Parse("2019-05-16T12:00:00.000Z"), End = DateTime.Parse("2019-05-21T12:00:00.000Z"), Progress = 0 }, new Task { ID = 40, ParentId = 36, Title = "Modify code", Start = DateTime.Parse("2019-05-21T12:00:00.000Z"), End = DateTime.Parse("2019-05-24T12:00:00.000Z"), Progress = 0 }, new Task { ID = 41, ParentId = 36, Title = "Re-test modified code", Start = DateTime.Parse("2019-05-24T12:00:00.000Z"), End = DateTime.Parse("2019-05-28T12:00:00.000Z"), Progress = 0 }, new Task { ID = 42, ParentId = 36, Title = "Unit testing complete", Start = DateTime.Parse("2019-05-28T12:00:00.000Z"), End = DateTime.Parse("2019-05-28T12:00:00.000Z"), Progress = 0 }, new Task { ID = 43, ParentId = 33, Title = "Integration Testing", Start = DateTime.Parse("2019-05-28T12:00:00.000Z"), End = DateTime.Parse("2019-06-13T12:00:00.000Z"), Progress = 0 }, new Task { ID = 44, ParentId = 43, Title = "Test module integration", Start = DateTime.Parse("2019-05-28T12:00:00.000Z"), End = DateTime.Parse("2019-06-04T12:00:00.000Z"), Progress = 0 }, new Task { ID = 45, ParentId = 43, Title = "Identify anomalies to specifications", Start = DateTime.Parse("2019-06-04T12:00:00.000Z"), End = DateTime.Parse("2019-06-06T12:00:00.000Z"), Progress = 0 }, new Task { ID = 46, ParentId = 43, Title = "Modify code", Start = DateTime.Parse("2019-06-06T12:00:00.000Z"), End = DateTime.Parse("2019-06-11T12:00:00.000Z"), Progress = 0 }, new Task { ID = 47, ParentId = 43, Title = "Re-test modified code", Start = DateTime.Parse("2019-06-11T12:00:00.000Z"), End = DateTime.Parse("2019-06-13T12:00:00.000Z"), Progress = 0 }, new Task { ID = 48, ParentId = 43, Title = "Integration testing complete", Start = DateTime.Parse("2019-06-13T12:00:00.000Z"), End = DateTime.Parse("2019-06-13T12:00:00.000Z"), Progress = 0 }, new Task { ID = 49, ParentId = 1, Title = "Training", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-06-10T12:00:00.000Z"), Progress = 25 }, new Task { ID = 50, ParentId = 49, Title = "Develop training specifications for end users", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-10T14:00:00.000Z"), Progress = 100 }, new Task { ID = 51, ParentId = 49, Title = "Develop training specifications for helpdesk support staff", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-10T14:00:00.000Z"), Progress = 100 }, new Task { ID = 52, ParentId = 49, Title = "Identify training delivery methodology (computer based training, classroom, etc.)", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-09T14:00:00.000Z"), Progress = 100 }, new Task { ID = 53, ParentId = 49, Title = "Develop training materials", Start = DateTime.Parse("2019-05-07T12:00:00.000Z"), End = DateTime.Parse("2019-05-28T12:00:00.000Z"), Progress = 0 }, new Task { ID = 54, ParentId = 49, Title = "Conduct training usability study", Start = DateTime.Parse("2019-05-28T12:00:00.000Z"), End = DateTime.Parse("2019-06-03T12:00:00.000Z"), Progress = 0 }, new Task { ID = 55, ParentId = 49, Title = "Finalize training materials", Start = DateTime.Parse("2019-06-03T12:00:00.000Z"), End = DateTime.Parse("2019-06-06T12:00:00.000Z"), Progress = 0 }, new Task { ID = 56, ParentId = 49, Title = "Develop training delivery mechanism", Start = DateTime.Parse("2019-06-06T12:00:00.000Z"), End = DateTime.Parse("2019-06-10T12:00:00.000Z"), Progress = 0 }, new Task { ID = 57, ParentId = 49, Title = "Training materials complete", Start = DateTime.Parse("2019-06-10T12:00:00.000Z"), End = DateTime.Parse("2019-06-10T12:00:00.000Z"), Progress = 0 }, new Task { ID = 58, ParentId = 1, Title = "Documentation", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-05-20T09:00:00.000Z"), Progress = 0 }, new Task { ID = 59, ParentId = 58, Title = "Develop Help specification", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-08T14:00:00.000Z"), Progress = 80 }, new Task { ID = 60, ParentId = 58, Title = "Develop Help system", Start = DateTime.Parse("2019-04-22T10:00:00.000Z"), End = DateTime.Parse("2019-05-13T09:00:00.000Z"), Progress = 0 }, new Task { ID = 61, ParentId = 58, Title = "Review Help documentation", Start = DateTime.Parse("2019-05-13T10:00:00.000Z"), End = DateTime.Parse("2019-05-16T09:00:00.000Z"), Progress = 0 }, new Task { ID = 62, ParentId = 58, Title = "Incorporate Help documentation feedback", Start = DateTime.Parse("2019-05-16T10:00:00.000Z"), End = DateTime.Parse("2019-05-20T09:00:00.000Z"), Progress = 0 }, new Task { ID = 63, ParentId = 58, Title = "Develop user manuals specifications", Start = DateTime.Parse("2019-04-08T05:00:00.000Z"), End = DateTime.Parse("2019-04-09T14:00:00.000Z"), Progress = 65 }, new Task { ID = 64, ParentId = 58, Title = "Develop user manuals", Start = DateTime.Parse("2019-04-22T10:00:00.000Z"), End = DateTime.Parse("2019-05-13T09:00:00.000Z"), Progress = 0 }, new Task { ID = 65, ParentId = 58, Title = "Review all user documentation", Start = DateTime.Parse("2019-05-13T10:00:00.000Z"), End = DateTime.Parse("2019-05-15T09:00:00.000Z"), Progress = 0 }, new Task { ID = 66, ParentId = 58, Title = "Incorporate user documentation feedback", Start = DateTime.Parse("2019-05-15T10:00:00.000Z"), End = DateTime.Parse("2019-05-17T09:00:00.000Z"), Progress = 0 }, new Task { ID = 67, ParentId = 58, Title = "Documentation complete", Start = DateTime.Parse("2019-05-20T09:00:00.000Z"), End = DateTime.Parse("2019-05-20T09:00:00.000Z"), Progress = 0 }, new Task { ID = 68, ParentId = 1, Title = "Pilot", Start = DateTime.Parse("2019-03-18T10:00:00.000Z"), End = DateTime.Parse("2019-06-24T12:00:00.000Z"), Progress = 22 }, new Task { ID = 69, ParentId = 68, Title = "Identify test group", Start = DateTime.Parse("2019-03-18T10:00:00.000Z"), End = DateTime.Parse("2019-03-19T09:00:00.000Z"), Progress = 100 }, new Task { ID = 70, ParentId = 68, Title = "Develop software delivery mechanism", Start = DateTime.Parse("2019-03-19T10:00:00.000Z"), End = DateTime.Parse("2019-03-20T09:00:00.000Z"), Progress = 100 }, new Task { ID = 71, ParentId = 68, Title = "Install/deploy software", Start = DateTime.Parse("2019-06-13T12:00:00.000Z"), End = DateTime.Parse("2019-06-14T12:00:00.000Z"), Progress = 0 }, new Task { ID = 72, ParentId = 68, Title = "Obtain user feedback", Start = DateTime.Parse("2019-06-14T12:00:00.000Z"), End = DateTime.Parse("2019-06-21T12:00:00.000Z"), Progress = 0 }, new Task { ID = 73, ParentId = 68, Title = "Evaluate testing information", Start = DateTime.Parse("2019-06-21T12:00:00.000Z"), End = DateTime.Parse("2019-06-24T12:00:00.000Z"), Progress = 0 }, new Task { ID = 74, ParentId = 68, Title = "Pilot complete", Start = DateTime.Parse("2019-06-24T12:00:00.000Z"), End = DateTime.Parse("2019-06-24T12:00:00.000Z"), Progress = 0 }, new Task { ID = 75, ParentId = 1, Title = "Deployment", Start = DateTime.Parse("2019-06-24T12:00:00.000Z"), End = DateTime.Parse("2019-07-01T12:00:00.000Z"), Progress = 0 }, new Task { ID = 76, ParentId = 75, Title = "Determine final deployment strategy", Start = DateTime.Parse("2019-06-24T12:00:00.000Z"), End = DateTime.Parse("2019-06-25T12:00:00.000Z"), Progress = 0 }, new Task { ID = 77, ParentId = 75, Title = "Develop deployment methodology", Start = DateTime.Parse("2019-06-25T12:00:00.000Z"), End = DateTime.Parse("2019-06-26T12:00:00.000Z"), Progress = 0 }, new Task { ID = 78, ParentId = 75, Title = "Secure deployment resources", Start = DateTime.Parse("2019-06-26T12:00:00.000Z"), End = DateTime.Parse("2019-06-27T12:00:00.000Z"), Progress = 0 }, new Task { ID = 79, ParentId = 75, Title = "Train support staff", Start = DateTime.Parse("2019-06-27T12:00:00.000Z"), End = DateTime.Parse("2019-06-28T12:00:00.000Z"), Progress = 0 }, new Task { ID = 80, ParentId = 75, Title = "Deploy software", Start = DateTime.Parse("2019-06-28T12:00:00.000Z"), End = DateTime.Parse("2019-07-01T12:00:00.000Z"), Progress = 0 }, new Task { ID = 81, ParentId = 75, Title = "Deployment complete", Start = DateTime.Parse("2019-07-01T12:00:00.000Z"), End = DateTime.Parse("2019-07-01T12:00:00.000Z"), Progress = 0 }, new Task { ID = 82, ParentId = 1, Title = "Post Implementation Review", Start = DateTime.Parse("2019-07-01T12:00:00.000Z"), End = DateTime.Parse("2019-07-04T12:00:00.000Z"), Progress = 0 }, new Task { ID = 83, ParentId = 82, Title = "Document lessons learned", Start = DateTime.Parse("2019-07-01T12:00:00.000Z"), End = DateTime.Parse("2019-07-02T12:00:00.000Z"), Progress = 0 }, new Task { ID = 84, ParentId = 82, Title = "Distribute to team members", Start = DateTime.Parse("2019-07-02T12:00:00.000Z"), End = DateTime.Parse("2019-07-03T12:00:00.000Z"), Progress = 0 }, new Task { ID = 85, ParentId = 82, Title = "Create software maintenance team", Start = DateTime.Parse("2019-07-03T12:00:00.000Z"), End = DateTime.Parse("2019-07-04T12:00:00.000Z"), Progress = 0 }, new Task { ID = 86, ParentId = 82, Title = "Post implementation review complete", Start = DateTime.Parse("2019-07-04T12:00:00.000Z"), End = DateTime.Parse("2019-07-04T12:00:00.000Z"), Progress = 0 }, new Task { ID = 87, ParentId = 1, Title = "Software development template complete", Start = DateTime.Parse("2019-07-04T12:00:00.000Z"), End = DateTime.Parse("2019-07-04T12:00:00.000Z"), Progress = 0 } }; public static readonly IEnumerable<Dependency> GanttDependencies = new[] { new Dependency { ID = 1, PredecessorId = 3, SuccessorId = 4, Type = 0 }, new Dependency { ID = 2, PredecessorId = 4, SuccessorId = 5, Type = 0 }, new Dependency { ID = 3, PredecessorId = 5, SuccessorId = 6, Type = 0 }, new Dependency { ID = 4, PredecessorId = 6, SuccessorId = 7, Type = 0 }, new Dependency { ID = 5, PredecessorId = 7, SuccessorId = 9, Type = 0 }, new Dependency { ID = 6, PredecessorId = 9, SuccessorId = 10, Type = 0 }, new Dependency { ID = 7, PredecessorId = 10, SuccessorId = 11, Type = 0 }, new Dependency { ID = 8, PredecessorId = 11, SuccessorId = 12, Type = 0 }, new Dependency { ID = 9, PredecessorId = 12, SuccessorId = 13, Type = 0 }, new Dependency { ID = 10, PredecessorId = 13, SuccessorId = 14, Type = 0 }, new Dependency { ID = 11, PredecessorId = 14, SuccessorId = 15, Type = 0 }, new Dependency { ID = 12, PredecessorId = 15, SuccessorId = 16, Type = 0 }, new Dependency { ID = 13, PredecessorId = 16, SuccessorId = 17, Type = 0 }, new Dependency { ID = 14, PredecessorId = 17, SuccessorId = 19, Type = 0 }, new Dependency { ID = 15, PredecessorId = 19, SuccessorId = 20, Type = 0 }, new Dependency { ID = 16, PredecessorId = 20, SuccessorId = 21, Type = 0 }, new Dependency { ID = 17, PredecessorId = 21, SuccessorId = 22, Type = 0 }, new Dependency { ID = 18, PredecessorId = 22, SuccessorId = 23, Type = 0 }, new Dependency { ID = 19, PredecessorId = 23, SuccessorId = 24, Type = 0 }, new Dependency { ID = 20, PredecessorId = 24, SuccessorId = 25, Type = 0 }, new Dependency { ID = 21, PredecessorId = 25, SuccessorId = 27, Type = 0 }, new Dependency { ID = 22, PredecessorId = 27, SuccessorId = 28, Type = 0 }, new Dependency { ID = 23, PredecessorId = 28, SuccessorId = 29, Type = 0 }, new Dependency { ID = 24, PredecessorId = 29, SuccessorId = 30, Type = 0 }, new Dependency { ID = 25, PredecessorId = 31, SuccessorId = 32, Type = 0 }, new Dependency { ID = 26, PredecessorId = 37, SuccessorId = 38, Type = 0 }, new Dependency { ID = 27, PredecessorId = 38, SuccessorId = 39, Type = 0 }, new Dependency { ID = 28, PredecessorId = 39, SuccessorId = 40, Type = 0 }, new Dependency { ID = 29, PredecessorId = 40, SuccessorId = 41, Type = 0 }, new Dependency { ID = 30, PredecessorId = 41, SuccessorId = 42, Type = 0 }, new Dependency { ID = 31, PredecessorId = 42, SuccessorId = 44, Type = 0 }, new Dependency { ID = 32, PredecessorId = 44, SuccessorId = 45, Type = 0 }, new Dependency { ID = 33, PredecessorId = 45, SuccessorId = 46, Type = 0 }, new Dependency { ID = 34, PredecessorId = 46, SuccessorId = 47, Type = 0 }, new Dependency { ID = 35, PredecessorId = 47, SuccessorId = 48, Type = 0 }, new Dependency { ID = 36, PredecessorId = 53, SuccessorId = 54, Type = 0 }, new Dependency { ID = 37, PredecessorId = 54, SuccessorId = 55, Type = 0 }, new Dependency { ID = 38, PredecessorId = 55, SuccessorId = 56, Type = 0 }, new Dependency { ID = 39, PredecessorId = 56, SuccessorId = 57, Type = 0 }, new Dependency { ID = 40, PredecessorId = 59, SuccessorId = 60, Type = 0 }, new Dependency { ID = 41, PredecessorId = 60, SuccessorId = 61, Type = 0 }, new Dependency { ID = 42, PredecessorId = 61, SuccessorId = 62, Type = 0 }, new Dependency { ID = 43, PredecessorId = 63, SuccessorId = 64, Type = 0 }, new Dependency { ID = 44, PredecessorId = 64, SuccessorId = 65, Type = 0 }, new Dependency { ID = 45, PredecessorId = 65, SuccessorId = 66, Type = 0 }, new Dependency { ID = 46, PredecessorId = 66, SuccessorId = 67, Type = 0 }, new Dependency { ID = 47, PredecessorId = 69, SuccessorId = 70, Type = 0 }, new Dependency { ID = 48, PredecessorId = 70, SuccessorId = 71, Type = 0 }, new Dependency { ID = 49, PredecessorId = 71, SuccessorId = 72, Type = 0 }, new Dependency { ID = 50, PredecessorId = 72, SuccessorId = 73, Type = 0 }, new Dependency { ID = 51, PredecessorId = 73, SuccessorId = 74, Type = 0 }, new Dependency { ID = 52, PredecessorId = 74, SuccessorId = 76, Type = 0 }, new Dependency { ID = 53, PredecessorId = 76, SuccessorId = 77, Type = 0 }, new Dependency { ID = 54, PredecessorId = 77, SuccessorId = 78, Type = 0 }, new Dependency { ID = 55, PredecessorId = 78, SuccessorId = 79, Type = 0 }, new Dependency { ID = 56, PredecessorId = 79, SuccessorId = 80, Type = 0 }, new Dependency { ID = 57, PredecessorId = 80, SuccessorId = 81, Type = 0 }, new Dependency { ID = 58, PredecessorId = 81, SuccessorId = 83, Type = 0 }, new Dependency { ID = 59, PredecessorId = 83, SuccessorId = 84, Type = 0 }, new Dependency { ID = 60, PredecessorId = 84, SuccessorId = 85, Type = 0 }, new Dependency { ID = 61, PredecessorId = 85, SuccessorId = 86, Type = 0 }, new Dependency { ID = 62, PredecessorId = 86, SuccessorId = 87, Type = 0 } }; public static readonly IEnumerable<Resource> GanttResources = new[] { new Resource { ID = 1, Text = "Management" }, new Resource { ID = 2, Text = "Project Manager" }, new Resource { ID = 3, Text = "Analyst" }, new Resource { ID = 4, Text = "Developer" }, new Resource { ID = 5, Text = "Testers" }, new Resource { ID = 6, Text = "Trainers" }, new Resource { ID = 7, Text = "Technical Communicators" }, new Resource { ID = 8, Text = "Deployment Team" } }; public static readonly IEnumerable<ResourceAssignment> GanttResourceAssignments = new[] { new ResourceAssignment { ID = 0, TaskId = 3, ResourceId = 1 }, new ResourceAssignment { ID = 1, TaskId = 4, ResourceId = 1 }, new ResourceAssignment { ID = 2, TaskId = 5, ResourceId = 2 }, new ResourceAssignment { ID = 3, TaskId = 6, ResourceId = 2 }, new ResourceAssignment { ID = 4, TaskId = 9, ResourceId = 3 }, new ResourceAssignment { ID = 5, TaskId = 10, ResourceId = 3 }, new ResourceAssignment { ID = 6, TaskId = 11, ResourceId = 2 }, new ResourceAssignment { ID = 7, TaskId = 12, ResourceId = 2 }, new ResourceAssignment { ID = 8, TaskId = 12, ResourceId = 3 }, new ResourceAssignment { ID = 9, TaskId = 13, ResourceId = 3 }, new ResourceAssignment { ID = 10, TaskId = 14, ResourceId = 2 }, new ResourceAssignment { ID = 11, TaskId = 15, ResourceId = 1 }, new ResourceAssignment { ID = 12, TaskId = 15, ResourceId = 2 }, new ResourceAssignment { ID = 13, TaskId = 16, ResourceId = 2 }, new ResourceAssignment { ID = 14, TaskId = 19, ResourceId = 3 }, new ResourceAssignment { ID = 15, TaskId = 20, ResourceId = 3 }, new ResourceAssignment { ID = 16, TaskId = 21, ResourceId = 3 }, new ResourceAssignment { ID = 17, TaskId = 22, ResourceId = 1 }, new ResourceAssignment { ID = 18, TaskId = 23, ResourceId = 1 }, new ResourceAssignment { ID = 19, TaskId = 24, ResourceId = 1 }, new ResourceAssignment { ID = 20, TaskId = 24, ResourceId = 2 }, new ResourceAssignment { ID = 21, TaskId = 27, ResourceId = 4 }, new ResourceAssignment { ID = 22, TaskId = 28, ResourceId = 4 }, new ResourceAssignment { ID = 23, TaskId = 29, ResourceId = 4 }, new ResourceAssignment { ID = 24, TaskId = 30, ResourceId = 4 }, new ResourceAssignment { ID = 25, TaskId = 31, ResourceId = 4 }, new ResourceAssignment { ID = 26, TaskId = 34, ResourceId = 5 }, new ResourceAssignment { ID = 27, TaskId = 35, ResourceId = 5 }, new ResourceAssignment { ID = 28, TaskId = 37, ResourceId = 5 }, new ResourceAssignment { ID = 29, TaskId = 38, ResourceId = 5 }, new ResourceAssignment { ID = 30, TaskId = 39, ResourceId = 5 }, new ResourceAssignment { ID = 31, TaskId = 40, ResourceId = 5 }, new ResourceAssignment { ID = 32, TaskId = 41, ResourceId = 5 }, new ResourceAssignment { ID = 33, TaskId = 44, ResourceId = 5 }, new ResourceAssignment { ID = 34, TaskId = 45, ResourceId = 5 }, new ResourceAssignment { ID = 35, TaskId = 46, ResourceId = 5 }, new ResourceAssignment { ID = 36, TaskId = 47, ResourceId = 5 }, new ResourceAssignment { ID = 37, TaskId = 50, ResourceId = 6 }, new ResourceAssignment { ID = 38, TaskId = 51, ResourceId = 6 }, new ResourceAssignment { ID = 39, TaskId = 52, ResourceId = 6 }, new ResourceAssignment { ID = 40, TaskId = 53, ResourceId = 6 }, new ResourceAssignment { ID = 41, TaskId = 54, ResourceId = 6 }, new ResourceAssignment { ID = 42, TaskId = 55, ResourceId = 6 }, new ResourceAssignment { ID = 43, TaskId = 56, ResourceId = 6 }, new ResourceAssignment { ID = 44, TaskId = 59, ResourceId = 7 }, new ResourceAssignment { ID = 45, TaskId = 60, ResourceId = 7 }, new ResourceAssignment { ID = 46, TaskId = 61, ResourceId = 7 }, new ResourceAssignment { ID = 47, TaskId = 62, ResourceId = 7 }, new ResourceAssignment { ID = 48, TaskId = 63, ResourceId = 7 }, new ResourceAssignment { ID = 49, TaskId = 64, ResourceId = 7 }, new ResourceAssignment { ID = 50, TaskId = 65, ResourceId = 7 }, new ResourceAssignment { ID = 51, TaskId = 66, ResourceId = 7 }, new ResourceAssignment { ID = 52, TaskId = 69, ResourceId = 2 }, new ResourceAssignment { ID = 53, TaskId = 71, ResourceId = 8 }, new ResourceAssignment { ID = 54, TaskId = 72, ResourceId = 8 }, new ResourceAssignment { ID = 55, TaskId = 73, ResourceId = 8 }, new ResourceAssignment { ID = 56, TaskId = 76, ResourceId = 8 }, new ResourceAssignment { ID = 57, TaskId = 77, ResourceId = 8 }, new ResourceAssignment { ID = 58, TaskId = 78, ResourceId = 8 }, new ResourceAssignment { ID = 59, TaskId = 79, ResourceId = 8 }, new ResourceAssignment { ID = 60, TaskId = 80, ResourceId = 8 }, new ResourceAssignment { ID = 61, TaskId = 83, ResourceId = 2 }, new ResourceAssignment { ID = 62, TaskId = 84, ResourceId = 2 }, new ResourceAssignment { ID = 63, TaskId = 85, ResourceId = 2 } }; public static readonly IEnumerable<Task> GanttTasksJohnsonResidence = new[] { new Task { ID = 1, ParentId = 0, Title = "Johnson Residence Construction Project", Start = new DateTime(year, month, 1).AddMonths(-1), End = new DateTime(year, month, 1).AddMonths(-1), Progress = 0 }, new Task { ID = 2, ParentId = 1, Title = "Planning and Pre-Construction Phase", Start = new DateTime(year, month, 1).AddMonths(-1), End = new DateTime(year, month, 1).AddMonths(-1), Progress = 0 }, new Task { ID = 3, ParentId = 2, Title = "Architectural Design and Site Planning", Start = new DateTime(year, month, 1).AddMonths(-1), End = new DateTime(year, month, 15).AddMonths(-1), Progress = 0 }, new Task { ID = 4, ParentId = 2, Title = "Engineering and Final Blueprint", Start = new DateTime(year, month, 8).AddMonths(-1), End = new DateTime(year, month, 15).AddMonths(-1), Progress = 0 }, new Task { ID = 5, ParentId = 2, Title = "City Permits and Contracts", Start = new DateTime(year, month, 15).AddMonths(-1), End = new DateTime(year, month, 18).AddMonths(-1), Progress = 0 }, new Task { ID = 6, ParentId = 1, Title = "Construction Phase", Start = new DateTime(year, month, 18).AddMonths(-1), End = new DateTime(year, month, 18).AddMonths(-1), Progress = 0 }, new Task { ID = 7, ParentId = 6, Title = "Grading and Excavation", Start = new DateTime(year, month, 18).AddMonths(-1), End = new DateTime(year, month, 22).AddMonths(-1), Progress = 0 }, new Task { ID = 8, ParentId = 6, Title = "Demolition and Removal", Start = new DateTime(year, month, 19).AddMonths(-1), End = new DateTime(year, month, 23).AddMonths(-1), Progress = 0 }, new Task { ID = 9, ParentId = 6, Title = "Foundation and Concrete ", Start = new DateTime(year, month, 22).AddMonths(-1), End = new DateTime(year, month, 28).AddMonths(-1), Progress = 0 }, new Task { ID = 10, ParentId = 6, Title = "Rough Framing and Carpentery", Start = new DateTime(year, month, 25).AddMonths(-1), End = new DateTime(year, month, 5), Progress = 0 }, new Task { ID = 11, ParentId = 6, Title = "Inspection (Structure)", Start = new DateTime(year, month, 5), End = new DateTime(year, month, 5), Progress = 0 }, new Task { ID = 12, ParentId = 6, Title = "Electrical Rough-in", Start = new DateTime(year, month, 6), End = new DateTime(year, month, 19), Progress = 0 }, new Task { ID = 13, ParentId = 6, Title = "Plumbing Rough-in", Start = new DateTime(year, month, 19), End = new DateTime(year, month, 19), Progress = 0 }, new Task { ID = 14, ParentId = 6, Title = "Heating and A/C", Start = new DateTime(year, month, 19), End = new DateTime(year, month, 26), Progress = 0 }, new Task { ID = 15, ParentId = 6, Title = "Drywall", Start = new DateTime(year, month, 25), End = new DateTime(year, month, 10).AddMonths(1), Progress = 0 }, new Task { ID = 16, ParentId = 6, Title = "Painting (Exterior)", Start = new DateTime(year, month, 7).AddMonths(1), End = new DateTime(year, month, 21).AddMonths(1), Progress = 0 }, new Task { ID = 17, ParentId = 6, Title = "Interior Carpentery (Interior)", Start = new DateTime(year, month, 17).AddMonths(1), End = new DateTime(year, month, 28).AddMonths(1), Progress = 0 }, new Task { ID = 18, ParentId = 6, Title = "Flooring and Interior Paint", Start = new DateTime(year, month, 26).AddMonths(1), End = new DateTime(year, month, 9).AddMonths(2), Progress = 0 }, new Task { ID = 19, ParentId = 1, Title = "Final Phase", Start = new DateTime(year, month, 9).AddMonths(2), End = new DateTime(year, month, 9).AddMonths(2), Progress = 0 }, new Task { ID = 20, ParentId = 19, Title = "Review-Punch List", Start = new DateTime(year, month, 9).AddMonths(2), End = new DateTime(year, month, 23).AddMonths(2), Progress = 0 }, new Task { ID = 21, ParentId = 19, Title = "Final Inspection", Start = new DateTime(year, month, 24).AddMonths(2), End = new DateTime(year, month, 24).AddMonths(2), Progress = 0 }, new Task { ID = 22, ParentId = 19, Title = "Final Paperwork and Documents", Start = new DateTime(year, month, 24).AddMonths(2), End = new DateTime(year, month, 28).AddMonths(2), Progress = 0 } }; public static readonly IEnumerable<Dependency> GanttDependenciesJohnsonResidence = new[] { new Dependency { ID = 1, PredecessorId = 4, SuccessorId = 5, Type = 0}, new Dependency { ID = 2, PredecessorId = 5, SuccessorId = 7, Type = 0}, new Dependency { ID = 3, PredecessorId = 12, SuccessorId = 13, Type = 0}, new Dependency { ID = 4, PredecessorId = 13, SuccessorId = 14, Type = 0}, new Dependency { ID = 5, PredecessorId = 18, SuccessorId = 20, Type = 0}, new Dependency { ID = 6, PredecessorId = 21, SuccessorId = 22, Type = 0} }; public static readonly IEnumerable<Task> GanttTasksRequirements = new[] { new Task { ID = 1, ParentId = 0, Title = "Analysis/Software Requirements", Start = new DateTime(year, month, 1), End = new DateTime(year, month, 28), Progress = 31 }, new Task { ID = 2, ParentId = 1, Title = "Conduct needs analysis", Start = new DateTime(year, month, 1), End = new DateTime(year, month, 3), Progress = 15, }, new Task { ID = 3, ParentId = 1, Title = "Draft preliminary software specifications", Start = new DateTime(year, month, 3), End = new DateTime(year, month, 5), Progress = 30, }, new Task { ID = 4, ParentId = 1, Title = "Review software specifications/budget with team", Start = new DateTime(year, month, 4), End = new DateTime(year, month, 6), Progress = 60, }, new Task { ID = 5, ParentId = 1, Title = "Incorporate feedback on software specifications", Start = new DateTime(year, month, 6), End = new DateTime(year, month, 8), Progress = 45, }, new Task { ID = 6, ParentId = 1, Title = "Develop delivery timeline", Start = new DateTime(year, month, 8), End = new DateTime(year, month, 14), Progress = 15, }, new Task { ID = 7, ParentId = 1, Title = "Obtain approvals to proceed (concept, timeline, budget)", Start = new DateTime(year, month, 14), End = new DateTime(year, month, 20), Progress = 15, }, new Task { ID = 8, ParentId = 1, Title = "Draft preliminary software specifications", Start = new DateTime(year, month, 20), End = new DateTime(year, month, 25), Progress = 0, }, new Task { ID = 9, ParentId = 1, Title = "Secure required resources", Start = new DateTime(year, month , 25), End = new DateTime(year, month, 28), Progress = 0, }}; public static readonly IEnumerable<Dependency> GanttDependenciesRequirements = new[] { new Dependency { ID = 1, PredecessorId = 2, SuccessorId = 3, Type = 0 }, new Dependency { ID = 2, PredecessorId = 3, SuccessorId = 4, Type = 0 }, new Dependency { ID = 3, PredecessorId = 4, SuccessorId = 5, Type = 0 }, new Dependency { ID = 4, PredecessorId = 5, SuccessorId = 6, Type = 0 }, new Dependency { ID = 5, PredecessorId = 6, SuccessorId = 7, Type = 0 }, new Dependency { ID = 6, PredecessorId = 7, SuccessorId = 8, Type = 0 }, new Dependency { ID = 7, PredecessorId = 8, SuccessorId = 9, Type = 0 } }; public static readonly IEnumerable<Resource> GanttResourcesRequirements = new[] { new Resource { ID = 1, Text = "John Heart" }, new Resource { ID = 2, Text = "Paul Peyton" }, new Resource { ID = 3, Text = "Robert Reagan" }, new Resource { ID = 4, Text = "Greta Sims" }, new Resource { ID = 5, Text = "Brett Wade" }, new Resource { ID = 6, Text = "Sandra Johnson" }, new Resource { ID = 7, Text = "Kevin Carter" }, new Resource { ID = 8, Text = "Cynthia Stanwick" }, new Resource { ID = 9, Text = "Olivia Samuelson" } }; public static readonly IEnumerable<ResourceAssignment> GanttResourceAssignmentsRequirements = new[] { new ResourceAssignment { ID = 0, TaskId = 1, ResourceId = 1 }, new ResourceAssignment { ID = 1, TaskId = 2, ResourceId = 2 }, new ResourceAssignment { ID = 2, TaskId = 3, ResourceId = 3 }, new ResourceAssignment { ID = 3, TaskId = 4, ResourceId = 4 }, new ResourceAssignment { ID = 4, TaskId = 5, ResourceId = 5 }, new ResourceAssignment { ID = 5, TaskId = 6, ResourceId = 6 }, new ResourceAssignment { ID = 6, TaskId = 7, ResourceId = 7 }, new ResourceAssignment { ID = 7, TaskId = 8, ResourceId = 8 }, new ResourceAssignment { ID = 8, TaskId = 9, ResourceId = 9 } }; public static readonly IEnumerable<String> GanttScaleTypes = new[] { "auto", "minutes", "hours", "days", "weeks", "months", "quarters", "years" }; } }
using System; namespace DevExtreme.NETCore.Demos.Models.Gantt { public class Resource { public int ID { get; set; } public string Text { get; set; } } }
using System; namespace DevExtreme.NETCore.Demos.Models.Gantt { public class ResourceAssignment { public int ID { get; set; } public int TaskId { get; set; } public int ResourceId { get; set; } } }
using System; namespace DevExtreme.NETCore.Demos.Models.Gantt { public class Task { public int ID { get; set; } public int ParentId { get; set; } public string Title { get; set; } public DateTime Start { get; set; } public DateTime End { get; set; } public int Progress { get; set; } } }
#gantt { height: 700px; } .options { margin-bottom: 20px; padding: 20px; background-color: rgba(191, 191, 191, 0.15); position: relative; } .caption { font-size: 18px; font-weight: 500; } .option { margin-top: 10px; margin-right: 40px; display: inline-block; } .option:last-child { margin-right: 0; }