gantt grid editable fields validation

[venkat]

Hi Guys,

I am having a gannt chart with fields in the grid editable. 2 date fields have same format but in edit mode I get one as calender and one as input box. Please help me about this issue

[Premkumar Sudalaimuthu]

Hi Venkat ,

We suggest you to add editType as datatimepicker in columns to make the custom columns editable as datetimepicker in editable mode. Internally, we defined datetimepicker as the editType for the start and end date columns. Therefore, we suggest you to proceed the above for make the editType of custom column as datetimepicker. We have share code snippets and sample for your reference.

Code snippets:

 

this.columns = [

      { field: 'TaskID', width: 80 },

      {

        field: 'TaskName',

        headerText: 'Job Name',

        width: '250',

        clipMode: 'EllipsisWithTooltip',

      },

      { field: 'StartDate' },

      { field: 'EndDate' },

      { field: 'Duration' },

      { field: 'Progress' },

      { field: 'planned', editType: 'datepickeredit' },

]

 

 

Sample: https://stackblitz.com/edit/angular-lyn1ej?file=data.ts

Regards,

Premkumar S