Question

我正在构建网格，其中标头需要可调整大小。

基本上，用户可以单击标题列的边缘，然后拖动它以进行调整大小。

目前我有一个每个标题列的组件，我想它需要一些事件处理，但我无法弄清楚哪一个。

请建议应遵循的方法。

注意：我使用的是Ember版本1.13。另外，不能使用ember-table。

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
        });
},

可调整大小-widget.hbs

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

</div>

如何调整＆＃34; div＆＃34;基于EmberJs中的鼠标拖动？

1 个答案: