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

Question

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

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

Answer 1

好的，花了一些时间后，我找到了解决方法。 渲染并控制左右区域后，必须将mousemove事件添加到网格dom，然后使用网格视图的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);
                        }
                    };
                },