EasyUI Forum
May 19, 2024, 12:09:01 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: subgrid: scroll from the expanders table  (Read 6241 times)
eliraz
Newbie
*
Posts: 12


View Profile Email
« 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 Smiley
Logged
jarry
Administrator
Hero Member
*****
Posts: 2264


View Profile Email
« Reply #1 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);
Logged
eliraz
Newbie
*
Posts: 12


View Profile Email
« Reply #2 on: September 22, 2014, 03:20:13 AM »

It works! thank you  Wink
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!