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. Image for the cookie policy date

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

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



1 Reply

JS Jonesherine Stephen Syncfusion Team January 27, 2017 11:29 AM UTC

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 
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 


Loader.
Live Chat Icon For mobile
Up arrow icon