javascript - 动态改变分离器的高度

我已经在我的应用程序中实现了kendoUI splitter。我想动态改变分离器的高度。我这样定义分离器：

<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",
});

我不想在窗格中显示滚动条。我想增加分离器的高度，以便删除滚动条。你能告诉我如何实现吗？

最佳答案

为了调整拆分器的大小，您可以执行以下操作：

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

但是，由于redraw中没有splitter方法，因此您应该通过以下操作trigger一个resize事件：

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

关于javascript - 动态改变分离器的高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16684452/