Question

我正在使用kendoUI splitter。在左侧我有一个面板栏，在右侧我有tabs。我想用标签内容高度动态增加分割器高度，任何人都可以帮我怎么做这个。我已经定义了像

$("#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');

另请参阅 docs 。 JsFiddle

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

1 个答案: