Feature Suggestion: 1) Gantt with inline/external template form editing 2) drag and drop allowed on based on TaskTypeof(T)

[Megatron]

Hello, this is only a feature suggestion / feedback not a bug, I will close shortly. 

1) Gantt Inline Edit form missing is needed:

 Often the Gantt record table may have additional information in the table:

 same Gantt table, for e.g. site name etc. currently you have cell editing - Request inline editing/External like a grid editing Gantt.InlineEditTemplateMode().
 or if a record is linked to a foreign key then also edit a form externally Gantt.DetailGrid().Show()

2) Gantt Drag Drop allow/disallow based on task:

 Drag and drop allowed on based on TaskTypeof(T)

 for e.g. 

 // Declare strongly typed tasks

 Gantt.Tasks.Add("Development").("Testing")

 DragFrom("Testing").Icon("Hammer").AllowedToParentTask("Development", true).Icon("coder")   // Testing task can be dropped below/inside dev

 DragFrom("Development").AllowedToParentTask("Testing", false)
 //also the drag icon is very hard to see...


Please test the text editor its hard to format, do, undo, styles are unpredictable on different browsers

thanks
Mega

[Jonesherine Stephen]

Hi Megatron, 

Please find the response below: 

Query1: Gantt Inline Edit form missing is needed 

Solution: In Gantt we can perform cell edit /dialog edit by using editMode as cellEditing/normal respectively. We have rendered the Gantt with custom column and separate tab will be provided for custom columns in dialog add/edit. 

Please find the code example below: 

@(Html.EJ().Gantt("GanttContainer")   

.EditSettings(edit => 

                            {                                

                                edit.EditMode("cellEditing"); 

                            }) 

)@(Html.EJ().ScriptManager()) 

Query2: Gantt Drag Drop allow/disallow based on task: 

Solution: In “rowDragStart” client side event we can restrict the row drag action based on requirement. 

We have prepared the work around and based on custom column value we have restricted the row drag action. 

Please find the code example below: 

@(Html.EJ().Gantt("GanttContainer") 

             .ClientSideEvents(eve => 

                { 

                    eve.Load("load"); 

                    eve.RowDragStart("rowDragStart"); 

                })             

    )@(Html.EJ().ScriptManager()) 

    <script> 

        function rowDragStart(args) { 

            if (args.draggedRow.customColumn1 == 10) { 

                args.cancel = true; 

            } 

        } 

        function load(args) { 

            //To load the custom columns in Gantt 

            var column = this.getColumns(), 

            progressfield = {}, 

            customField = { 

                field: "customColumn1", 

                mappingName: "customColumn1", 

                headerText: "Custom Column", 

                editType: "numericedit", 

            }; 

            column.splice(2, 0, customField); 

        } 

    </script> 

 

Query3: Please test the text editor it’s hard to format, do, undo, styles are unpredictable on different browsers 

Solution: Please share us more details or screen shots related to this query with us .It would be helpful for us to server you better. 

We have also prepared the sample based on this. Please find the sample from below location 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/customcolumnGantt-513494181 

Is this your requirement? If not please share us your exact requirement it would be helpful for us to serve you better. 

Regards, 

Jone sherine P S