Articles in this section
Category / Section

How to define data fields in Gantt dialog?

1 min read

It is possible to make the specific data fields alone visible in jQuary Gantt editing dialog by using editDialogFields property. We should provide the data source fields which are to be displayed in the dialog using editDialogFields.field property.

The below code snippet explains how to define the edit dialog fields by rendering the dialog with duration, task name and start date fields alone.

$(function () { 
dataSource: data,  
durationMapping: "Duration",
taskNameMapping: "TaskName",
startDateMapping: "StartDate",
editDialogFields: [{ field: "Duration", editType: "numericedit", },
{ field: "TaskName", editType: "stringedit"  },
{ field:"StartDate", editType: "datepicker"  }],       

The below screenshot depicts the above explained scenario

Edit dialog with task name, start date and duration fields.

You can also find a sample on how to define the edit dialog fields in Gantt here.



I hope you enjoyed learning about how to provide copy-paste and autofill options for cell template elements in ASP .NET Core Spreadsheet.

You can refer to our jQuery Gantt’s feature tour page to know about its other groundbreaking feature representations. You can also explore our  jQuary Gantt  documentation to understand how to present and manipulate data.

For current customers, you can check out our WinForms components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our jQuery  Gantt and other jQuery components.

If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forumsDirect-Trac, or feedback portal. We are always happy to assist you!


Did you find this information helpful?
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment