We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Custom new/edit form

Thread ID:





129267 Mar 8,2017 12:56 PM UTC Mar 9,2017 05:04 PM UTC JavaScript 1
Tags: ejGantt
Tomasz Bednarek
Asked On March 8, 2017 12:56 PM UTC

Hi Syncfusion,

We need to create a completely custom new/edit form for the Gantt control's tasks. We have some logic for which the "addDialogFields" property is not enough (e.g. related dropdowns etc.).
How to hook up into proper events/methods and let the gantt control know of new/edited records?
What would you suggest?

Kind Regards,

Jayakumar Duraisamy [Syncfusion]
Replied On March 9, 2017 05:04 PM UTC

Hi Tomasz, 
We can use custom dialog instead of Gantt default add/edit dialog for add/edit actions. 
This can be achieved by canceling the dialog open action  by using  “actionBegin” client side event  with requestType as “beforeOpenAddDialog”, and also we can initialize custom dialog in this event. 
Please find the code snippet for this. 
actionBegin: function (args) {                        
                        if (args.requestType == "beforeOpenAddDialog") { 
                            args.cancel = true;                             
                    toolbarClick: function(args){                         
                        var itemName = args.currentTarget && args.currentTarget.id; 
                        if (itemName == this._id + "_add") { 
We can add input elements in custom dialog and on save action we can get the data from custom dialog and pass this data to Gantt public methods for required action. 
We have prepared a sample for this and prevent the default add dialog and rendered empty dialog, you can add your own input elements in this dialog. 
Please find the sample from below link. 
Currently we can’t use custom edit dialog to update records because currently there is no public method available to update record dynamically. Hence, we have logged a feature report “Update Gantt record values dynamically by using script”. Also we have created a support incident under your account to track the status of this feature. 
Please log on to our support website to check for further updates. 
Please let us know if you require further assistance on this. 
Jayakumar D 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon