Progress bar locked - drag events calls "move" mode

Linkolas · May 13, 2015, 10:09am

Hello,

I’ve got some issues finding why do the drag events onTaskDrag, onBeforeTaskDrag and onAfterTaskDrag all calls the “move” mode when I click & drag on the gant_task_progress_bar, making it impossible to change the progress value.
My gantt is not set in readonly, I can resize and move - these two modes works correctly.

Is there any config to set or NOT set that I could have missed somewhere that could disable this ?
I’ve not found any similar issues on this forum, but should there have one, please give me a link.

Thanks!

Sten · May 13, 2015, 10:30am

Hello.

You can’t change task progress via dnd, is it correct? Could you provide any demo?

Possibly drag_progress option is set to false. (docs.dhtmlx.com/gantt/api__gantt … onfig.html)

Linkolas · May 13, 2015, 2:55pm

Exactly Sten, I can’t change progress with d’n’d.
It’s not related to config.show_progress, already tried to set it to true.

My code is a bit long, trying to do a “demo code”, I figured that it only happens in my CodeIgniter project.

Here is an example of code that still gets that issue in my CodeIgniter :

    <script src="../../assets/Ganttv2/dhtmlxgantt.js" type="text/javascript"></script>
    <script src="../../assets/Ganttv2/locale/locale_fr.js" type="text/javascript"></script>
    <script src="../../assets/javascript/jquery-1.9.1.js"></script>
            

</HEAD>
<BODY>
    Hello World
    <div id="gantt_here" style='width:100%; height:500px;'></div>
    
    
    
    <script type="text/javascript">
        tasks = 
        {
            "data": [
                {
                    "id": -739,
                    "text": "Project #1",
                    "start_date": "05-05-2015 00:00:00",
                    "end_date": "06-05-2015 00:00:00",
                    "open": "true"
                },
                {
                    "id": "739",
                    "text": "D.S.",
                    "start_date": "05-05-2015 00:00:00",
                    "end_date": "06-05-2015 00:00:00",
                    "parent": -739,
                    "progress": "0.00"
                },
                {
                    "id": "740",
                    "text": "H.J.",
                    "start_date": "05-05-2015 00:00:00",
                    "end_date": "06-05-2015 00:00:00",
                    "parent": -739,
                    "progress": "0.00"
                },
                {
                    "id": -789,
                    "text": "Project #2",
                    "start_date": "05-06-2015 00:00:00",
                    "end_date": "06-06-2015 00:00:00",
                    "open": "true"
                },
                {
                    "id": "789",
                    "text": "H.J.",
                    "start_date": "05-06-2015 00:00:00",
                    "end_date": "06-06-2015 00:00:00",
                    "parent": -789,
                    "progress": "0.00"
                },
                {
                    "id": "790",
                    "text": "D.S.",
                    "start_date": "05-06-2015 00:00:00",
                    "end_date": "06-06-2015 00:00:00",
                    "parent": -789,
                    "progress": "0.00"
                },
                {
                    "id": -763,
                    "text": "Project #3",
                    "start_date": "16-04-2015 00:00:00",
                    "end_date": "01-01-2016 00:00:00",
                    "open": "true"
                },
                {
                    "id": -865,
                    "text": "Project #4",
                    "start_date": "04-05-2015 00:00:00",
                    "end_date": "15-08-2015 00:00:00",
                    "open": "true"
                }
            ]
        }
        
        
        gantt.config.work_time = true;
        gantt.config.correct_work_time = true;
        gantt.config.drag_links = false;
        //gantt.config.date_scale = "%D, %d";
        gantt.config.duration_unit = "day";
        //gantt.config.scale_height = 20*3;
        //gantt.config.row_height = 30;
        
        //TODO: Débugger le progress...
        gantt.config.drag_progress = true;

        gantt.config.autosize = true;
        gantt.config.sort = true;
        //gantt.config.order_branch = true;
        
        gantt.config.columns = [
            {name:"text",       label:"Nom de la tÃ¢che",  width:"*", tree:true },
            //{name:"start_date", label:"Date initiale", align: "center" },
            //{name:"end_date",   label:"Date Fin",   align: "center" },
            //{name:"duration",   label:"Durée",   align: "center" },
            {name:"progress",   label:"Progress",   align: "center" },
        ];
        
        
        gantt.init("gantt_here");
        gantt.parse(tasks);
        
        
        
    </script>
</BODY>

Thanks!

Sten · May 13, 2015, 10:26pm

It seems your code works fine (docs.dhtmlx.com/gantt/snippet/be7b13b2).

Possibly you doesn’t return true on any onBeforeTaskDrag event handler.

Linkolas · May 14, 2015, 11:43am

Yeah, it works fine outside of my CodeIgniter project. The exact same code called with CodeIgnite makes it impossible to drag&drop the progress bar.

Is there any known issue with CodeIgniter ?

Linkolas · May 15, 2015, 9:29am

Oh, my mistake. This is solved sorry!

I got into the DHTMLxGantt source code, in the _get_drag_mode function. The switch there takes the class name of the event source; the part about “move” mode was disactivated. Uncommenting this part solved the issue.

It looks like the guy who worked on the project commented the line, and I was unaware of this as he’s not been here since I started working on it.

Thanks Sten for having tried to help!