KendoSplitter/Angular: 如何以编程方式设置拆分器高度

Question

In his plunk 如果单击该按钮，KendoSplitter 包装器高度会增加到 1000px，并且会触发拆分器 resize 事件，但不会重新绘制拆分器。单击按钮后，尝试调整水平分隔线的大小，您会看到高度实际上发生了变化。有什么解决办法吗？

HTML:

<button ng-click="setHeight()">Increment Content2 Height</button>

<div id="div1" kendo-splitter="splitter1" 
         k-panes="[{collapsible: true, size: '120px'},{collapsible: true }]" 
         k-orientation="'horizontal'">

     <div kendo-splitter="splitter2"  
          k-panes="[{collapsible: true, size: '100px'},{collapsible: true}]" 
          k-orientation="'vertical'">
         <div>
             Content 11
         </div>
         <div>
             Content 12
         </div>
    </div>
    <div>
         Content 2
    </div>
</div>

Javascript:

  $scope.setHeight = function() {
        $scope.splitter1.wrapper.height(1000);
        $scope.splitter1.trigger("resize");
  };

Answer 1

$scope.splitter1.trigger("resize"); 不再受支持。
请改用：kendo.resize($($scope.splitter1.wrapper[0]));

KendoSplitter/Angular: 如何以编程方式设置拆分器高度

KendoSplitter/Angular: How to set splitter height programmatically

kendo-ui

angularjs