javascript - 拖动网格列时EXT JS自动滚动容器

Question

我有宽度大于屏幕宽度的 EXT JS 网格。我必须拖动列来更改其顺序，但是当我将列标题拖动到屏幕边缘时 - 容器不会滚动。因此需要先手动滚动，然后将列拖动到正确的位置。拖动列时如何使容器向左或向右自动滚动？我尝试使用 containerScroll 和 gridviewdragdrop 插件，但它仅在我拖动行时有效:

 viewConfig: {
                plugins: {
                    ptype: 'gridviewdragdrop',
                    containerScroll: true
                }, 
 }

Answer 1

好的，花了一些时间后我找到了解决方法。您必须在渲染和控制左右区域后将 mousemove 事件添加到网格 dom，然后使用 GridView 的 scrollBy 函数。这是代码:

listeners: {
                afterrender:function(me){
                    //console.log(me);
                    me.el.dom.onmousemove=function(ev){

                        if (ev.x>(me.el.dom.clientWidth-50)){
                           // console.log(ev);
                            me.view.scrollBy(50, 0, false);
                        }
                        if (ev.x<50){
                            // console.log(ev);
                            me.view.scrollBy(-50, 0, false);
                        }
                    };
                },