Set splitter position dynamically

[brettz9]

I was wondering whether you'd be open to allowing setting the splitter position dynamically. My use case for this is remembering the last splitter position of the user.

I'm currently doing this outside of your code via the following:

var pane = $('div.split-pane').children('.split-pane-divider');

function triggerSplitterDrop (vDrop) {
    var offset = pane.offset();
    var ev = {
        which: 1,
        pageX: offset.left,
        pageY: offset.top
    };
    var mdEvent = $.Event('mousedown', ev);

    ev.pageY = vDrop || offset.top;
    var mmEvent = $.Event('mousemove', ev);
    var muEvent = $.Event('mouseup', ev);

    pane.trigger(mdEvent);
    pane.trigger(mmEvent);
    pane.trigger(muEvent);
}

[arturparkhisenko]

👍

[arturparkhisenko]

updated version (fix to ev.originalEvent):

function triggerSplitterDrop(pane, vDrop) {
    var offset = pane.offset();
    var ev = {
        which: 1,
        pageX: offset.left,
        pageY: offset.top
    };
    ev.originalEvent = ev;
    var mdEvent = $.Event('mousedown', ev);
    ev.pageY = vDrop || offset.top;
    ev.originalEvent = ev;
    var mmEvent = $.Event('mousemove', ev);
    var muEvent = $.Event('mouseup', ev);
    pane.trigger(mdEvent);
    pane.trigger(mmEvent);
    pane.trigger(muEvent);
}

and call it:

var myPane = $('div.split-pane').children('.split-pane-divider');
triggerSplitterDrop(myPane);

[shagstrom]

Yes, that would be a good idea. Other people have requested that too. Their use case being collapsing one component. I will implement it soon - I hope :) I'm thinking of a syntax something like this: $('div.split-pane').splitPane('first-component', 20);

[shagstrom]

In v 0.6.0 one can do this

$(selector).splitPane('firstComponentSize', 0);"

or

$(selector).splitPane('lastComponentSize', 100);"