如何使用调整大小栏处理调整大小事件？

Question

我在jsFiddle 上为我的问题及其问题创建了一个简单的示例。 基本上我想要两件事：

1. 在调整窗口大小时重新排列图表的大小以适合其容器；

2. 当调整大小条移动时，重新排列图表的大小以适合其容器

注意：我正在使用jQuery UI layout plugin 进行布局管理，但我不知道如何使用移动的调整大小栏来处理调整大小事件。

我已经为此工作了很长时间，并且仍在寻找有关此问题的答案。感谢任何提供 cmets 或建议的人。

Answer 1

OK 所以要在 JQuery UI Layout 中触发 resize 事件，您可以为整个布局触发一个事件，也可以为每个布局块触发一个事件。

使用您的 jsFiddle 示例...调整视图大小的西布局可以这样触发：

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

整个布局可以这样触发：

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

只要任何视图调整大小，这些都会被命中。这也包括窗口调整大小事件。