動態改變分離器的高度

Question

我在我的應用程序中實現了kendoUI分離器。我想動態改變分離器的高度。我這樣定義分配器：

<div id="splitter" style="height:500px;width:100%"> 
    <div id="leftPane"></div> 
    <div id="rightPane"></div> 
</div> 
$("#splitter").kendoSplitter({ 
    panes: [ 
    { collapsible: true, size: "50%" }, 
    { collapsible: true, size: "50%" } 
    ], 
    orientation: "horizontal", 
}); 

我不想在窗格中顯示滾動條。我想增加分隔線的高度，以便移除滾動條。你能告訴我如何實現這個？

Answer 1

爲了調整分離器，你可以這樣做：

// Get reference to the splitter 
var splitter = $("#splitter").data("kendoSplitter"); 
// Set the new height to 600px 
splitter.wrapper.height(600); 

但由於在splitter你應該trigger一個resize事件做任何redraw方法：

// Trigger a resize event in splitter to force a redraw. 
splitter.trigger("resize");