Изменение динамического разветвителя

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); 

Но так как нет redraw метода splitter вы должны triggerresize события, выполнив:

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