2012-07-08 96 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