slickgrid-选择数据时自动滚动视口 [英] slickgrid - autoscroll the viewport when selecting data

问题描述

我正在使用slickgrid来输入像excel样式这样的数据.

I am using slickgrid for ability to enter data like excel style.

用户将输入数据.然后在选择所需的数据后，将生成图.

User will enter data. Then after selecting required data graph will generate.

问题是，使用鼠标选择数据时，电子表格将不允许您使用鼠标滚动经过AG单元格或数字10单元格以下.这意味着如果有大量数据，那么选择将不会保持用户友好.

Problem is , When selecting data with mouse, spreadsheet will not let you scroll with the mouse past AG cells or below the number 10 cell. Which means if there is large amount of data then selection will not remain user friendly.

当用户要选择AG列和第10行之外的数据时，我希望自动滚动电子表格.

I want auto scroll of spreadsheet when user want to select data beyond AG column and row10.

我想要这样的东西

推荐答案

我已经找到了这个问题，方法是找到鼠标指针的位置，然后在我想要自动滚动的位置上应用滚动...

I have figured out this issue by finding mouse pointer position and applied scrolling at the positions where i wanted automatic scroll ...

$('#myGrid').mousemove(function(e){
      var parentOffset = $(this).offset(); 
      diffX = ( ( parentOffset.left + $('#myGrid').width() ) - e.pageX);
      diffY = ( ( parentOffset.top + $('#myGrid').width() ) - e.pageY);
      if (diffX < 59 && diffX > 17){
          $('.slick-viewport ').scrollLeft($('.slick-viewport ').scrollLeft() + 5);
      }

      if (diffY < 389 && diffY > 366){
          $('.slick-viewport ').scrollTop($('.slick-viewport').scrollTop() + 5);
      }

    });

这篇关于slickgrid-选择数据时自动滚动视口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！