2012-07-08 74 views
1

我已经为我的问题及其jsFiddle创建了一个简单的示例。 基本上我想有两两件事:如何使用调整大小栏来处理大小调整事件?

  1. 回流图表的尺寸,以适应其容器时窗口调整大小是;

  2. 回流图表的大小时,调整大小条移动

注意,以适应其容器:我使用jQuery UI layout plugin布局管理,我不知道如何处理与移动调整大小调整事件酒吧。

我已经在此工作了很长时间,仍然在寻找有关此问题的答案。感谢任何人提供意见或建议。

+0

您所拥有的jsFiddle示例是不拖动的调整器。它只是当我点击它时调整大小。这是故意的吗? – 2012-07-09 00:08:49

+0

感谢您的意见,jsFiddle上的问题也许,它对我的​​项目有用,但是当我尝试在jsFiddle上重新创建它时,它对于完全相同的参数设置无效。但点击调整大小也解释了我的问题,如果它可以处理我的点击调整大小的情况,那么它会解决我的问题。 – sozhen 2012-07-09 00:17:26

回答

6

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.') }, 

这些将被打每当任何意见调整。这也包括窗口调整大小事件。

+0

有趣的是,它在我们调整南窗格大小时有效。任何方式来处理打开和关闭西窗格的大小调整? – sozhen 2012-07-09 00:27:01

+0

只需添加'onresize:function(){'。这应该触发窗口大小调整和当您拖动栏。 – 2012-07-09 00:27:29

+0

给我一些+1爱,如果这对你有用! – 2012-07-09 00:32:32

相关问题