Ext Gantt 3.*解决任务部分鼠标滚轮失效问题的方法

来源:互联网 发布:管家婆t9软件怎么样 编辑:程序博客网 时间:2024/05/16 07:52

      公司使用sencha Ext gantt控件,版本3系列的grid部分没有鼠标滚轮事件,只在图形部分有改功能,现解决方法如下共参考:

      控件render的时候加入如下代码:

onTreeGridRender:function(e){var tree = e;var lockedScroller = e.getView().lockedScroller;mainWrap = e.getView().mainWrap,lockedWrap = e.getView().lockedWrap,lockedScroller.on("mousewheel",function(e){var deltas = e.getWheelDelta()var dir = deltas<0 ? 'down' : 'up';lockedScroller.scroll(dir, Math.abs(deltas*40)); var scroller = Ext.get(lockedWrap.dom.childNodes[1]),mainscroll = Ext.get(mainWrap.dom.childNodes[1]);    mainscroll.dom.scrollTop = scroller.dom.scrollTop;}, this);}
  原理很简单,监听左侧的mousewheel事件,并将右侧的部分滚动条绑定在左侧即可
原创粉丝点击