Gantt splitter movement event

2 posts, 0 answers
  1. Andreas
    Andreas avatar
    1 posts
    Member since:
    Nov 2015

    Posted 18 Dec 2015 Link to this post

    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?
  2. Bozhidar
    Bozhidar avatar
    1192 posts

    Posted 21 Dec 2015 Link to this post


    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");

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top