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"gettting하고있다.

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