1

アプリケーションに 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",
});

ペインにスクロールバーを表示したくありません。スクロールバーを削除するために、スプリッターの高さを増やしたいです。これを実装する方法を教えてもらえますか?

4

1 に答える 1

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");
于 2013-05-22T07:25:59.283 に答える