Javascript 如何在kendoUI拆分器中动态更改拆分器高度

我正在使用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”。

您应该尝试以下操作：

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

另请查看。

---

查看我编辑的答案。拆分器在声明时立即执行调整大小事件。所以splitter变量在那时还没有被填充。要绕过初始调用，可以检查变量是否未定义。如果您想要初始调整大小事件，请自己触发它。您好，在此情况下，我的内容高度大于左窗格中的拆分器高度，在这种情况下，我想增加拆分器高度以删除垂直滚动条，我如何才能做到这一点？请在您的问题可见的地方提供一个提琴。你提供的那个没有显示任何奇怪的行为或bug。