2013-04-24 29 views
0

我正在使用kendoUI拆分器。在左側,我有一個面板欄,右側有tabs.I想要動態增加拆分器高度, ,任何人都可以幫助我如何做到這一點。 我定義了諸如如何在kendoUI拆分器中動態改變拆分器高度

$("#splitter").kendoSplitter({   //To Display horizantal splitter 
         panes: [ 
              { collapsible: true, size: "50%" }, 
              { collapsible: true, size: "50%" }], 
        orientation: "horizontal", 
     resize: function() { 
     alert($("#splitter").find(".k-pane")[1].scrollHeight); 
     //$("#splitter").css("height", $("#splitter").find(".k-pane")[1].scrollHeight); 
    } 
    }); 

但我在警報流汗「0」。

回答

0

你應該嘗試以下操作:

var splitter = $("#splitter").kendoSplitter({   //To Display horizantal splitter 
    panes: [ 
     { collapsible: true, size: "50%" }, 
     { collapsible: true, size: "50%" }], 
    orientation: "horizontal", 
    resize: function() { 
     if(splitter) { 
      alert(splitter.wrapper.height()); 
     } 
     //you can also get the panes each on it's own. 
     //check: console.log(splitter); to see what options are available   
    } 
}).data('kendoSplitter'); 
splitter.trigger('resize'); 

也看一下docsJsFiddle

+0

在控制檯的「包裝」中顯示錯誤 – charan 2013-04-24 11:56:03

+0

請參閱我已編輯的答案。 Splitter在宣佈後立即進行了調整大小事件。所以splitter變量實際上並沒有被填充。爲了避免初始調用,您可以檢查變量是否未定義。如果您想要初始化調整大小事件,請自行觸發。 – Shion 2013-04-24 12:16:52

+0

嗨,http://jsfiddle.net/XBFft/在這個我的內容高度比左窗格中的分隔符高度更多,在這種情況下,我想增加我的分隔符高度以順序地垂直滾動條,我該怎麼做? – charan 2013-04-25 07:32:35