UI 网格，滚动时出错

ui-grid, error when scrolling

本文关键字：出错 滚动 网格 UI      更新时间：2023-09-26

当我滚动ui-grid时出现以下错误： 

Uncaught TypeError: Cannot read property 'percentage' of undefined

有趣的是，我在ui-grid教程网站上收到相同的错误，因此它可能只是一个错误。

这是一个显示问题的 plunker。

以下是我正在使用的网格选项：

mc.gridOptions = {
    data: mc.people,
    enableSorting: true,
    onRegisterApi: function( gridApi ) {
      mc.gridApi = gridApi;
    },
    columnDefs: [
      {field: 'name'},
      {field: 'age'},
      {field: 'state', enableSorting: false}
    ]
  };

关于我在这里做错了什么的任何想法？据我所知，这没有任何问题。

我会

在评论框中提到这一点，但我需要空间和格式来解释您可能需要引起他们的注意：

首先，您使用的是不稳定版本，最好的选择是使用正在使用和测试的稳定版本。

不稳定的版本在下面的代码中抛出了一个错误.. 请查看我的所有星号（******）评论：

// Scroll the render container viewport when the mousewheel is used
$elm.bind('wheel mousewheel DomMouseScroll MozMousePixelScroll', function(evt) {
  // use wheelDeltaY
  var newEvent = GridUtil.normalizeWheelEvent(evt);
  var args = { target: $elm };
  *****THIS STATEMENT IS TRUE BECAUSE YOU SCROLLED VERTICALLY, ARGS.Y IS SET*****
  if (newEvent.deltaY !== 0) {
    var scrollYAmount = newEvent.deltaY * -120;
    // Get the scroll percentage
    var scrollYPercentage = (containerCtrl.viewport[0].scrollTop + scrollYAmount) / rowContainer.getVerticalScrollLength();
    // Keep scrollPercentage within the range 0-1.
    if (scrollYPercentage < 0) { scrollYPercentage = 0; }
    else if (scrollYPercentage > 1) { scrollYPercentage = 1; }
    ***THIS IS SET***
    args.y = { percentage: scrollYPercentage, pixels: scrollYAmount };
  }
  *****THIS STATEMENT IS FALSE BECAUSE YOU NEVER SCROLLED HORIZONTALLY, ARGS.X IS NOT SET*****
  if (newEvent.deltaX !== 0) {
    var scrollXAmount = newEvent.deltaX * -120;
    // Get the scroll percentage
    var scrollLeft = GridUtil.normalizeScrollLeft(containerCtrl.viewport);
    var scrollXPercentage = (scrollLeft + scrollXAmount) / (colContainer.getCanvasWidth() - colContainer.getViewportWidth());
    // Keep scrollPercentage within the range 0-1.
    if (scrollXPercentage < 0) { scrollXPercentage = 0; }
    else if (scrollXPercentage > 1) { scrollXPercentage = 1; }
    ***THIS DOESNT GET SET SINCE IT WILL NOT REACH THIS POINT***
    args.x = { percentage: scrollXPercentage, pixels: scrollXAmount };
  }
  *****THROWS AN ERROR BECAUSE ARGS.X IS NULL & DOESNT EXIST*****
  // Let the parent container scroll if the grid is already at the top/bottom
  if ((args.y.percentage !== 0 && args.y.percentage !== 1) || (args.x.percentage !== 0 && args.x.percentage !== 1)) {
    evt.preventDefault();
  }
  uiGridCtrl.fireScrollingEvent(args);
});
相关文章：