Does the jQuery Splitter support the drag event?

[Bob]

I am trying to support a drag event with the jQuery Splitter that is the same as the Angular Splitter version of sizeChange that is demonstrated here:

https://www.telerik.com/kendo-angular-ui/components/layout/splitter/events

I have tried attaching events to kendoDraggable, binding to layoutChange, etc., but nothing works to capture the real-time drag event as the splitbar is moved.  Is there any known way to trap this event?

Thanks, Bob

[Neli]

Hi Bob,

Below you will find an example on how you can access the Draggable component of the Splitbar and bind to its drag, dragstart and dragend events. This will allow you to handle the drag events as the Splitbar is moved.

$(document).ready(function() {
    var splitter = $("#splitter").kendoSplitter().data("kendoSplitter");

    // Access the Draggable widget of the Splitbar
    splitter.resizing._resizable.draggable.bind("drag", function(e) {
        console.log("Drag");
    });

    splitter.resizing._resizable.draggable.bind("dragend", function(e) {
        console.log("Drag ended");
    });
});

Here is such Dojo example - https://dojo.telerik.com/qyCSnPKA.

 

Let me know in case you have additional questions.

Regards,

Neli

[Bob]

Perfect!  Thanks Neli!

[Neli]

Hi Bob,

I am glad to hear that the provided suggestion was helpful.

I remain at your disposal should you have any questions.

Regards,

Neli