New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ASP.NET MVC Gantt Server binding

EXAMPLE
VIEW SOURCE
Change Theme
default
Default Theme

Main

Main Dark

Nordic

Ocean Blue

Ocean Blue A11Y

Purple

Turquoise
Bootstrap Theme

Main

Bootstrap 3

Bootstrap 3 Dark

Main Dark

Nordic

Turquoise

Turquoise Dark

Urban

Vintage
Material Theme

Main

Arctic

Lime Dark

Main Dark

Material 2

Material 2 Dark

Nova
Classic Theme

Main

Green

Green Dark

Lavender

Lavender Dark

Main Dark

Metro

Metro Dark

Moonlight

Opal

Opal Dark

Silver

Silver Dark

Uniform
Fluent Theme

Main
Launch Theme Builder

7	Software validation, research and implementation	06/02/2022	07/12/2022
18	Project Kickoff	06/02/2022	06/02/2022
11	Research	06/02/2022	06/07/2022
19	Validation with Customers	06/02/2022	06/04/2022
20	Market Research	06/02/2022	06/04/2022
39	Functional and Technical Specification	06/04/2022	06/07/2022
12	Design	06/09/2022	06/14/2022
22	UI Design	06/09/2022	06/11/2022
23	HTML Prototype	06/11/2022	06/14/2022
13	Implementation	06/11/2022	07/02/2022
24	Prototype	06/11/2022	06/17/2022
26	Architecture	06/17/2022	06/18/2022
27	Data Layer	06/18/2022	06/24/2022
29	UI and Interaction	06/27/2022	07/02/2022
28	Unit Tests	06/18/2022	06/27/2022
14	Testing	06/30/2022	07/05/2022
32	Integration Testing	06/30/2022	07/05/2022
33	Load Testing	06/30/2022	07/05/2022
30	Documentation	06/23/2022	07/05/2022
34	Structure	06/23/2022	06/26/2022
35	Articles	06/26/2022	07/05/2022
31	Demos	06/30/2022	07/12/2022
17	Release	07/12/2022	07/12/2022

Sun 5/29 - Sat 6/04

Sun 6/05 - Sat 6/11

Sun 6/12 - Sat 6/18

Sun 6/19 - Sat 6/25

Sun 6/26 - Sat 7/02

Sun 7/03 - Sat 7/09

Sun 7/10 - Sat 7/16

Sun 5/29

Mon 5/30

Tue 5/31

Wed 6/01

Thu 6/02

Fri 6/03

Sat 6/04

Sun 6/05

Mon 6/06

Tue 6/07

Wed 6/08

Thu 6/09

Fri 6/10

Sat 6/11

Sun 6/12

Mon 6/13

Tue 6/14

Wed 6/15

Thu 6/16

Fri 6/17

Sat 6/18

Sun 6/19

Mon 6/20

Tue 6/21

Wed 6/22

Thu 6/23

Fri 6/24

Sat 6/25

Sun 6/26

Mon 6/27

Tue 6/28

Wed 6/29

Thu 6/30

Fri 7/01

Sat 7/02

Sun 7/03

Mon 7/04

Tue 7/05

Wed 7/06

Thu 7/07

Fri 7/08

Sat 7/09

Sun 7/10

Mon 7/11

Tue 7/12

Wed 7/13

Thu 7/14

Fri 7/15

Sat 7/16

Validation with Customers

Market Research

Functional and Technical Specification

UI Design

HTML Prototype

Prototype

Architecture

Data Layer

UI and Interaction

Unit Tests

Integration Testing

Load Testing

Structure

Articles

                        serverbinding.cshtml
                    
                        ServerBindingController.cs

Also available for:

CLIENT-SIDE API SERVER-SIDE API

(typeof KendoLicensing === 'object' && KendoLicensing.setScriptKey(''));kendo.syncReady(function(){jQuery("#gantt").kendoGantt({"columns":[{"field":"TaskID","title":"ID","width":50,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"title","title":"Title","editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"start","title":"Start Time","format":"{0:MM/dd/yyyy}","width":100,"editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"end","title":"End Time","format":"{0:MM/dd/yyyy}","width":100,"editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}}],"snap":false,"height":600,"showWorkDays":false,"showWorkHours":false,"views":[{"type":"day"},{"selected":true,"type":"week"},{"type":"month"}],"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":""},"prefix":"","update":{"url":"/https/demos.telerik.com/aspnet-mvc/gantt/server_binding_update_task","data":onUpdateCreate},"create":{"url":"/https/demos.telerik.com/aspnet-mvc/gantt/server_binding_create_task","data":onUpdateCreate},"destroy":{"url":"/https/demos.telerik.com/aspnet-mvc/gantt/server_binding_destroy_task"}},"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"TaskID","fields":{"TaskID":{"type":"number"},"parentId":{"from":"ParentID","defaultValue":null,"type":"number"},"title":{"from":"Title","type":"string"},"start":{"from":"Start","type":"date"},"end":{"from":"End","type":"date"},"plannedStart":{"from":"PlannedStart","type":"date"},"plannedEnd":{"from":"PlannedEnd","type":"date"},"TeamLead":{"type":"string"},"summary":{"from":"Summary","type":"boolean"},"expanded":{"from":"Expanded","type":"boolean","defaultValue":true},"percentComplete":{"from":"PercentComplete","type":"number"},"orderId":{"from":"OrderId","type":"number"}}}},"data":{"Data":[{"TaskID":7,"ParentID":null,"Title":"Software validation, research and implementation","Start":"\/Date(1654128000000)\/","End":"\/Date(1657584000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.43,"OrderId":0},{"TaskID":11,"ParentID":7,"Title":"Research","Start":"\/Date(1654128000000)\/","End":"\/Date(1654560000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.43,"OrderId":1},{"TaskID":12,"ParentID":7,"Title":"Design","Start":"\/Date(1654732800000)\/","End":"\/Date(1655164800000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.6,"OrderId":2},{"TaskID":13,"ParentID":7,"Title":"Implementation","Start":"\/Date(1654905600000)\/","End":"\/Date(1656720000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.77,"OrderId":3},{"TaskID":14,"ParentID":7,"Title":"Testing","Start":"\/Date(1656547200000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.52,"OrderId":4},{"TaskID":17,"ParentID":7,"Title":"Release","Start":"\/Date(1657584000000)\/","End":"\/Date(1657584000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.0,"OrderId":7},{"TaskID":18,"ParentID":7,"Title":"Project Kickoff","Start":"\/Date(1654128000000)\/","End":"\/Date(1654128000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.23,"OrderId":0},{"TaskID":19,"ParentID":11,"Title":"Validation with Customers","Start":"\/Date(1654128000000)\/","End":"\/Date(1654300800000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.25,"OrderId":0},{"TaskID":20,"ParentID":11,"Title":"Market Research","Start":"\/Date(1654128000000)\/","End":"\/Date(1654300800000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.82,"OrderId":1},{"TaskID":22,"ParentID":12,"Title":"UI Design","Start":"\/Date(1654732800000)\/","End":"\/Date(1654905600000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.56,"OrderId":0},{"TaskID":23,"ParentID":12,"Title":"HTML Prototype","Start":"\/Date(1654905600000)\/","End":"\/Date(1655164800000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.64,"OrderId":1},{"TaskID":24,"ParentID":13,"Title":"Prototype","Start":"\/Date(1654905600000)\/","End":"\/Date(1655424000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.77,"OrderId":0},{"TaskID":26,"ParentID":13,"Title":"Architecture","Start":"\/Date(1655424000000)\/","End":"\/Date(1655510400000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.82,"OrderId":1},{"TaskID":27,"ParentID":13,"Title":"Data Layer","Start":"\/Date(1655510400000)\/","End":"\/Date(1656028800000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":1.0,"OrderId":2},{"TaskID":28,"ParentID":13,"Title":"Unit Tests","Start":"\/Date(1655510400000)\/","End":"\/Date(1656288000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.68,"OrderId":4},{"TaskID":29,"ParentID":13,"Title":"UI and Interaction","Start":"\/Date(1656288000000)\/","End":"\/Date(1656720000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.6,"OrderId":3},{"TaskID":30,"ParentID":7,"Title":"Documentation","Start":"\/Date(1655942400000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":true,"PercentComplete":0.14,"OrderId":5},{"TaskID":31,"ParentID":7,"Title":"Demos","Start":"\/Date(1656547200000)\/","End":"\/Date(1657584000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":true,"Expanded":false,"PercentComplete":0.82,"OrderId":6},{"TaskID":32,"ParentID":14,"Title":"Integration Testing","Start":"\/Date(1656547200000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.94,"OrderId":0},{"TaskID":33,"ParentID":14,"Title":"Load Testing","Start":"\/Date(1656547200000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.1,"OrderId":1},{"TaskID":34,"ParentID":30,"Title":"Structure","Start":"\/Date(1655942400000)\/","End":"\/Date(1656201600000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.28,"OrderId":0},{"TaskID":35,"ParentID":30,"Title":"Articles","Start":"\/Date(1656201600000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.0,"OrderId":1},{"TaskID":36,"ParentID":31,"Title":"Structure","Start":"\/Date(1656547200000)\/","End":"\/Date(1656720000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.94,"OrderId":0},{"TaskID":37,"ParentID":31,"Title":"Design","Start":"\/Date(1656720000000)\/","End":"\/Date(1656979200000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.8,"OrderId":1},{"TaskID":38,"ParentID":31,"Title":"Demos","Start":"\/Date(1656806400000)\/","End":"\/Date(1657584000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.72,"OrderId":2},{"TaskID":39,"ParentID":11,"Title":"Functional and Technical Specification","Start":"\/Date(1654300800000)\/","End":"\/Date(1654560000000)\/","PlannedStart":"\/Date(-62135596800000)\/","PlannedEnd":"\/Date(-62135596800000)\/","TeamLead":null,"Summary":false,"Expanded":true,"PercentComplete":0.23,"OrderId":2}],"Total":26,"AggregateResults":null}},"dependencies":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":""},"prefix":"","create":{"url":"/https/demos.telerik.com/aspnet-mvc/gantt/server_binding_create_dependency"},"destroy":{"url":"/https/demos.telerik.com/aspnet-mvc/gantt/server_binding_destroy_dependency"}},"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"DependencyID","fields":{"DependencyID":{"type":"number"},"predecessorId":{"from":"PredecessorID","type":"number"},"successorId":{"from":"SuccessorID","type":"number"},"type":{"from":"Type","type":"number"}}}},"data":{"Data":[{"DependencyID":528,"PredecessorID":18,"SuccessorID":19,"Type":1},{"DependencyID":533,"PredecessorID":22,"SuccessorID":23,"Type":1},{"DependencyID":534,"PredecessorID":23,"SuccessorID":24,"Type":1},{"DependencyID":535,"PredecessorID":24,"SuccessorID":26,"Type":1},{"DependencyID":536,"PredecessorID":26,"SuccessorID":27,"Type":1},{"DependencyID":537,"PredecessorID":26,"SuccessorID":28,"Type":1},{"DependencyID":538,"PredecessorID":27,"SuccessorID":29,"Type":1},{"DependencyID":539,"PredecessorID":28,"SuccessorID":29,"Type":0},{"DependencyID":540,"PredecessorID":29,"SuccessorID":32,"Type":1},{"DependencyID":541,"PredecessorID":29,"SuccessorID":33,"Type":1},{"DependencyID":543,"PredecessorID":29,"SuccessorID":36,"Type":1},{"DependencyID":544,"PredecessorID":34,"SuccessorID":35,"Type":1},{"DependencyID":545,"PredecessorID":32,"SuccessorID":33,"Type":0},{"DependencyID":546,"PredecessorID":33,"SuccessorID":17,"Type":1},{"DependencyID":547,"PredecessorID":35,"SuccessorID":17,"Type":1},{"DependencyID":548,"PredecessorID":38,"SuccessorID":17,"Type":1},{"DependencyID":549,"PredecessorID":36,"SuccessorID":37,"Type":1},{"DependencyID":550,"PredecessorID":37,"SuccessorID":38,"Type":1},{"DependencyID":551,"PredecessorID":13,"SuccessorID":29,"Type":0},{"DependencyID":553,"PredecessorID":18,"SuccessorID":20,"Type":1},{"DependencyID":554,"PredecessorID":20,"SuccessorID":39,"Type":1},{"DependencyID":555,"PredecessorID":19,"SuccessorID":39,"Type":1},{"DependencyID":556,"PredecessorID":39,"SuccessorID":22,"Type":1}],"Total":23,"AggregateResults":null}}});});

Description

The Telerik UI for ASP.NET MVC Gantt allows you to bind it to a collection of items received from the server.

To implement server binding, create a weakly-typed ViewBag data collection in the Action method of the Controller. This approach will make the data available in the View and will allow you to bind its items to the Gantt.

Additional Apps

This Gantt example is part of a unique collection of hundreds of ASP.NET MVC demos, with which you can see all Telerik ASP.NET MVC components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in the ThemeBuilder.

ASP.NET MVC Gantt Server binding

Description

Additional Apps

Support & Learning Resources

Additional Resources