GWT 2.4 DataGrid选择项目时自动滚动

Question

我在项目中使用 GWT 2.4 的新 DataGrid 。我将 DataGrid 配置为页面大小 50。
可用屏幕不够大，无法显示所有项目，因此会显示垂直滚动条（这实际上是首先使用 DataGrid 的主要目的）。
我将 SingleSelectionModel 附加到 DataGrid 以便能够选择项目。
到目前为止效果很好。

不过，我还有另一个用户可以与之交互的小部件。根据该用户操作，应选择 DataGrid 中的一个项目。
有时，所选项目不在可见屏幕区域中，用户必须在 DataGrid 中向下滚动才能看到它。
有没有办法自动或手动向下滚动，以便所选项目可见？
我检查了 DataGrid 的 JavaDocs 并没有找到合适的方法或函数来执行此操作。

Answer 1

不知道这是否有效，但您可以尝试获取选择的行元素并使用scrollIntoView方法。

示例代码：

dataGrid.getRowElement(INDEX_OF_SELECTED_ITEM).scrollIntoView();

Answer 2

上面的答案效果很好，但如果网格比窗口宽并且有水平滚动条，它也会一直滚动到右侧，这非常烦人。我能够通过获取所选行中的第一个单元格然后将其滚动到视图中来使其向下滚动并保持向左滚动。

dataGrid.getRowElement(dataGrid.getVisibleItems().indexOf(object)).getCells().getItem(0).scrollIntoView();

Answer 3

没有时间尝试，但是 DataGrid 实现了 HasRows 接口，并且 HasRows 除其他外还有一个名为 setVisibleRange 的方法。您只需计算出要关注的项目的行号，然后将可见范围设置为从该数字 n 到 n+50。这样，DataGrid 将重置以将该项目放在顶部（如果它位于支持 DataGrid 的列表的最后 50 个元素中，则放在顶部附近）。不要忘记重新绘制 DataGrid。

你已经看过这个了吗？如果是这样，我会很惊讶它不起作用。

哦，由于这是一个与另一个部件通信的小部件，您可能设置了一些消息传递和一些消息处理程序，以便当用户与第二个小部件交互并“选择”该项目时，消息会在 EventBus 上触发，并且会触发一个处理程序该消息按照我所描述的方式修复了 DataGrid。我想你必须自己做这个接线。

Answer 4

我的解决方案，更好一点：

dataGrid.getRow(model).scrollIntoView();

Answer 5

我执行上述操作时遇到了越界异常。

我解决了在 DataGrid 中获取 ScrollPanel 并在 ScrollPanel 上使用 .scrollToTop() 等问题。但是，要访问 DataGrid 中的 ScrollPanel，我必须使用以下注释：
http://code.google.com/p/google -web-toolkit/issues/detail?id=6865

Answer 6

正如 Kem 指出的，scrollIntoView 之后的“scrollToRight”效果很烦人。在我之后，Kem 的解决方案提供了比基本解决方案更好的行为，因为通常表中的第一列更有意义。
我改进了他的方法，即水平滚动到我们想要可见的行的第一列，方法是在应用滚动之前计算左侧的第一个可见列，然后滚动到它。

最后一点：绝对左侧的列是针对“51”进行测试的。这是我通过在浏览器的开发工具中查看 JS 值“实验”找到的值，我认为这取决于表格的样式，您可能需要更改/计算它。

代码如下：

public void scrollIntoView(T next) {
        int index = datagrid.getVisibleItems().indexOf(next);
        NodeList<TableCellElement> cells = datagrid.getRowElement(index).getCells();
        int firstVisibleIndex = -1;
        for(int i=0; i<cells.getLength() && firstVisibleIndex<0;i++)
            if(UIObject.isVisible(cells.getItem(i)) && (cells.getItem(i).getAbsoluteLeft() > 51) && (cells.getItem(i).getAbsoluteTop() > 0))
                firstVisibleIndex = i;

        cells.getItem(firstVisibleIndex>=0? firstVisibleIndex : 0).scrollIntoView();
}