New ASP .NET MVC single page sample application available, leveraging HTML5 GanttChartView control

As customers requested, a full ASP .NET MVC based single page application (SPA) example showing how you can load task data in GanttChartView control from, and later submit data changes back to a SQL Server® database using Entity Framework, Razor syntax, and REST services provided by ASP .NET MVC API is now available for download from DlhSoft: Gantt Chart Single Page Database sample.

image

The relevant source code is commented whenever appropriate, but if you need some hints to get started browsing it, look first to these files:

  • Database:
    • App_Data / Database.mdf
  • Models:
    • DatabaseModels.edmx
    • ProjectDto.cs
  • Views:
    • Home / Index.cshtml
  • Controllers
    • ProjectController.cs
  • Scripts / app:
    • project.datacontext.js
    • project.model.js
    • project.viewmodel.js
    • ganttcharts.js

Note that at this time task dependency support is not included within this sample, as it was developed to serve as a simple start point for your own applications. You can surely add predecessor item support yourself, by defining a new PredecessorItems database table, extending ProjectController to include that information in its GetProject method output, adding some client side code in ganttcharts.js to designate the task links based on the data received from the server, and eventually pass changed predecessors back upon saving. (You can find detailed information regarding the client side component here.)

Advertisements

About DlhSoft Team

DlhSoft is a software development company focused on building high quality and innovative solutions using state-of-the-art technologies for customers worldwide. Our activity includes designing and developing general purpose software applications, components and tools, and customized software solutions upon request. DlhSoft team is highly experienced and fully dedicated to software development. Additionally, one of the most important things we rely on is the continuous communication with the customer.
This entry was posted in Miscellaneous. Bookmark the permalink.

Add a reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s