Eager block fetching for web-based data grids

摘要

Techniques for improving scrolling performance in a web-based data grid. In one set of embodiments, when a user scrolls through a data grid rendered in a viewport of the user's web browser, client-side code executing in the web browser can detect whether a scroll event has occurred that requires a portion of the viewport to be filled/refreshed with data from a server. The client-side code can further determine whether the scroll event is a short scroll or a long scroll, and can send a request to the server that indicates the type of scroll event. If the scroll event is a short scroll, the server can determine a first amount of data to fetch based on one or more first parameters. If the scroll event is a long scroll, the server can determine a second amount of data to fetch based on one or more second parameters.

主权项

1. A method for optimizing scrolling performance of a data grid, the method comprising:
receiving, by a server from a client computer system via a network, a request for data in response to a scroll event performed at the client computer system with respect to the data grid presented in a web browser, wherein:
the request comprising an indication of whether the scroll event is of a short scroll type or a long scroll type; andthe long scroll type being performed results in no portion of the data grid being displayed that comprises data previously transmitted to the client computer system; determining, by the server, based on the request for data, that the scroll event is of the short scroll type; and retrieving, by the server, based on the request for data and the scroll event being of the short scroll type, a first group of data for the data grid based on a predefined block size, the predetermined block size being a first number of cells by a second number of cells.