The resize event

[Jacob]

Hi!

It seems like the resize event for Splitter does not supply the pane that got resized, as documentation says.

E.g. a collapse event gives this to work with:

Object { pane=div#leftPane.k-pane, preventDefault=function(), isDefaultPrevented=function()}

While resize only this (note the absence of "pane"):

Object { preventDefault=function(), isDefaultPrevented=function()}

How can I get the size of pane and which pane got resized without this? Am I missing something?

Thanks!
/Jacob

[Dimo]

Hello Jacob,

Actually the documentation is not correct in this case. The Splitter's Resize event involves more than one pane (practically all of them), so you can't get only one as an event argument. If you need to find out the new pane sizes, use standard jQuery selectors and methods, such as outerWidth() or width().

Greetings,
Dimo
the Telerik team

[Ellin]

That isn't working for me. The event returns the old sizes. Not the new ones.

function toolboxes(e){
console.log(e);
$(".toolbox").each(function() {
$(this).width( $(this).parent().width() + "px" );
console.log($(this).parent().attr("id") + " = " + $(this).parent().width() )
});
}

[Dimo]

Hello Ellin,

Please use setTimeout to get the new panes' dimensions. Currently the reisize event is triggered by the Kendo Resizable object, which is also used by the Splitter to readjust its layout. As a result, the defined event handler is executed before the Splitter has set the new pane sizes. We will think whether and how to change this behavior in the future to make it easier for the developer.

Regards,
Dimo
the Telerik team

[Joe]

Just to leave this thread closed: kendoui.web.2012.2.710.open-source (and forward I suppose) has an event called layoutChange which seems to get the sizes correctly.

Joe
TSolucio