I'm trying to create a component located directly below the Gantt chart that will show a chart with bars indicating allocation in hours on resources assigned to the task. This chart must always be located directly under the gantt in order for the timescale to match. Initially everything looks ok, but if I move the splitter between the table and the gantt chart, then I need to automatically move the splitter between the allocation component and an empty div located to the left of it. As for now, I must move both splitters manually to align them right above each other. I need an event that fires when I move the gantt splitter, but the gantt component doesn't have this. Is there another way to solve this?
1 Answer, 1 is accepted
0
Hello,
The gantt doesn't raise a dedicated event when the splitter is dragged. You can however use plain-old jQuery to handle the mouseUp event of the splitter element, which will server as a drag-end event:
Regards,
Bozhidar
Telerik
The gantt doesn't raise a dedicated event when the splitter is dragged. You can however use plain-old jQuery to handle the mouseUp event of the splitter element, which will server as a drag-end event:
$(".k-gantt .k-splitbar").on("mouseup", function(e) { console.log("drag end");});Regards,
Bozhidar
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!