如何在EmberJs中基於鼠標拖動來調整「div」的大小？

Question

我正在構建其中標題需要可調整大小的網格。

基本上，用戶可以單擊標題列的邊緣，然後拖動它進行調整大小。

目前我有每個頭列的組件，我想它需要一些事件處理在這裏，但我不知道哪一個。

請建議應採用何種方法。

注：我正在使用Ember版本1.13。另外，不能使用餘燼表。

Answer 1

早在一天當我做，我用

https://jqueryui.com/resizable/

所以我做了一個組件類似的事情

調整大小，widget.js

didInsertElement: function() { 

     this._super(...arguments); 

     // $('#rezisable-widget').draggable({ scroll: true, scrollSpeed: 20}); 
     $('#rezisable-widget').resizable({ 
      minHeight: 210, 
      minWidth: 500 
     }); 
}, 

resizeable-widget.hbs

<div id="rezisable-widget" class="ui-widget-content"> 

</div>