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
    Admin
    Bozhidar avatar
    1102 posts

    Posted 21 Dec 2015 Link to this post

    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:
    $(".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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top