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

我正在使用kendoUI拆分器。在左侧，我有一个面板栏，右侧有tabs.I想要动态增加拆分器高度，，任何人都可以帮助我如何做到这一点。我定义了诸如如何在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”。

来源

2013-04-24 charan

你应该尝试以下操作：

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

来源

2013-04-24 09:29:55 Shion

在控制台的“包装”中显示错误 – charan 2013-04-24 11:56:03

请参阅我已编辑的答案。 Splitter在宣布后立即进行了调整大小事件。所以splitter变量实际上并没有被填充。为了避免初始调用，您可以检查变量是否未定义。如果您想要初始化调整大小事件，请自行触发。 – Shion 2013-04-24 12:16:52

嗨，http：//jsfiddle.net/XBFft/在这个我的内容高度比左窗格中的分隔符高度更多，在这种情况下，我想增加我的分隔符高度以顺序地垂直滚动条，我该怎么做？ – charan 2013-04-25 07:32:35

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

回答

相关问题