EasyUI Forum

General Category => Bug Report => Topic started by: eliraz on September 20, 2014, 11:45:22 PM



Title: subgrid: scroll from the expanders table
Post by: eliraz on September 20, 2014, 11:45:22 PM
Hi,
I'm using a subgrid and I noticed that when the mouse hovers the expander table I can't scroll. It also happens when using frozen columns.
The reason is because the grid is splitted into two tables - datagrid-view-1 and datagrid-view-2.
Is there any solution to this problem?

Thanks in advance :)


Title: Re: subgrid: scroll from the expanders table
Post by: jarry on September 21, 2014, 07:52:22 AM
Please try to add the code below to your page to solve this issue.
Code:
(function($){
    var onAfterRender = $.fn.datagrid.defaults.view.onAfterRender;
    $.extend($.fn.datagrid.defaults.view, {
        onAfterRender: function(target){
            onAfterRender.call(this, target);
            var dg = $(target);
            var state = $.data(target, 'datagrid');
            if (!state.binded){
                state.binded = true;
                var dc = state.dc;
                var b1 = dc.body1;
                var b2 = dc.body2;
                b1.bind('mousewheel DOMMouseScroll',function(e){
                    var delta = Math.abs(e.originalEvent.wheelDelta||e.originalEvent.detail);
                    if (e.originalEvent.wheelDelta>0 || e.originalEvent.detail<0){
                        delta *= -1;
                    }
                    b2.scrollTop(b2.scrollTop()+delta);
                });
            }
        }
    })
})(jQuery);


Title: Re: subgrid: scroll from the expanders table
Post by: eliraz on September 22, 2014, 03:20:13 AM
It works! thank you  ;)