GWT DataGrid中的延迟加载数据

时间:2012-08-17 00:05:14

标签: gwt

是否可以将数据延迟加载到GWT DataGrid中,类似于GWT CellList延迟加载数据的方式?

我有一个GWT DataGrid可能会带回数百行,但一次只显示大约20行。发生这种情况时,网格的加载速度非常慢。

我想使用DataGrid而不是CellTList,因为我需要显示多列数据。我选择了DataGrid而不是CellTable,因为我希望修复标题列。

1 个答案:

答案 0 :(得分:8)

由于DataGrid未公开ScrollPanel,因此请创建一个扩展DataGrid的内部类,并提供对ScrollPanel的引用:

private static class MyDataGrid<T> extends DataGrid {
    public ScrollPanel getScrollPanel() {
        HeaderPanel header = (HeaderPanel) getWidget();
        return (ScrollPanel) header.getContentWidget();
    }
}

初始化此工作所需的变量:

private MyDataGrid<MyDataType> myDataGrid;
private int incrementSize = 20;
private int lastScrollPos = 0;

在构造函数中,创建网格:

myDataGrid = new MyDataGrid<MyDataType>();

然后使用刚刚创建的getScrollPanel()引用添加ScrollHandler:

myDataGrid.getScrollPanel().addScrollHandler(new ScrollHandler(){

    @Override
    public void onScroll(ScrollEvent event) {

        int oldScrollPos = lastScrollPos;
        lastScrollPos = myDataGrid.getScrollPanel().getVerticalScrollPosition();

        // If scrolling up, ignore the event.
        if (oldScrollPos >= lastScrollPos) {
            return;
        }

        //Height of grid contents (including outside the viewable area) - height of the scroll panel
        int maxScrollTop = myDataGrid.getScrollPanel().getWidget().getOffsetHeight() - 
                           myDataGrid.getScrollPanel().getOffsetHeight();

        if(lastScrollPos >= maxScrollTop) {
            myDataGrid.setVisibleRange(0,myDataGrid.getVisibleRange().getLength()+incrementSize);
        }
    }
});