Question

I’ve create a simple example for my question and its on jsFiddle.
Basically I want to have two things:

1. reflow the size of the chart to fit its container when window is resizing;

2. reflow the size of chart to fit its container when the resize bar is moving

Note: I am using jQuery UI layout plugin for layout management and I have no clue how to handle resize event with a moving resize bar.

I’ve working on this for long and still looking for answers about this. Thanks anyone providing comments or suggestions.

Answer 1

OK So to trigger a resize event in JQuery UI Layout, you can trigger an event for either the whole layout, or for each piece of the layout.

Using your jsFiddle example… the west layout resizing the view can be triggered like this:

myLayout = $('body').layout({
// ...
west__onresize: function () {
    alert('only when west layout is redrawn') },

The whole layout can be triggered like this:

myLayout = $('body').layout({
// ...
onresize: function () {
    alert('whenever anything on layout is redrawn.') },

These will be hit whenever any of the views resize. this includes window resize events then too.