javascript - 如何在 kendoUI 拆分器中动态改变拆分器高度

Question

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

Answer 1

您应该尝试以下方法：

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

另请查看文档。 提琴手