我已经为我的问题及其jsFiddle创建了一个简单的示例。 基本上我想有两两件事:如何使用调整大小栏来处理大小调整事件?
回流图表的尺寸,以适应其容器时窗口调整大小是;
回流图表的大小时,调整大小条移动
注意,以适应其容器:我使用jQuery UI layout plugin布局管理,我不知道如何处理与移动调整大小调整事件酒吧。
我已经在此工作了很长时间,仍然在寻找有关此问题的答案。感谢任何人提供意见或建议。
我已经为我的问题及其jsFiddle创建了一个简单的示例。 基本上我想有两两件事:如何使用调整大小栏来处理大小调整事件?
回流图表的尺寸,以适应其容器时窗口调整大小是;
回流图表的大小时,调整大小条移动
注意,以适应其容器:我使用jQuery UI layout plugin布局管理,我不知道如何处理与移动调整大小调整事件酒吧。
我已经在此工作了很长时间,仍然在寻找有关此问题的答案。感谢任何人提供意见或建议。
OK所以要在JQuery UI布局中触发一个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.') },
这些将被打每当任何意见调整。这也包括窗口调整大小事件。
有趣的是,它在我们调整南窗格大小时有效。任何方式来处理打开和关闭西窗格的大小调整? – sozhen 2012-07-09 00:27:01
只需添加'onresize:function(){'。这应该触发窗口大小调整和当您拖动栏。 – 2012-07-09 00:27:29
给我一些+1爱,如果这对你有用! – 2012-07-09 00:32:32
您所拥有的jsFiddle示例是不拖动的调整器。它只是当我点击它时调整大小。这是故意的吗? – 2012-07-09 00:08:49
感谢您的意见,jsFiddle上的问题也许,它对我的项目有用,但是当我尝试在jsFiddle上重新创建它时,它对于完全相同的参数设置无效。但点击调整大小也解释了我的问题,如果它可以处理我的点击调整大小的情况,那么它会解决我的问题。 – sozhen 2012-07-09 00:17:26