如何在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>