App Designer - Live Scroll Grid with Cache

Live Scroll Grid with Cache (also known as Paging Grid) is an advanced version of the Live Scroll Grid that caches the viewed page data on the browser as well as provide fixed action column as the first column for easier operation.

In this view, user gets the pagination thru scrolling, so new data gets added to the old available data when the user scrolls down and when the user scrolls up, the Pagination does not happen as the old data is already available.

The Live Scroll Grid with Cache comes with dedicated Action column, which contains icons to emulate the click and context click events of the grid.

Generally, the icon on the left opens the menus or the form called in the CWEC.CELL_DBLCLICK and icon on the right opens the menus or form called in the CWEC.CONTEXT_CLICK event.

Device Compatibility

In Tablet devices, only the first three columns will appear allowing the other columns accessible through the collapsible expand icon. Only the CWEC.CONTEXT_CLICK handler will be available and the rest will be disabled. Each page records are loaded by scrolling.

In Mobile devices, only the first two columns will appear allowing the other column accessible through the collapsible expand icon. Only the CWEC.CONTEXT_CLICK handler will be available and the rest will be disabled. Each page records are loaded by scrolling.

To load new set of records on scrolling to the bottom of the particular paging grid widget, you must specify the env option in the appropriate listener file of the paging grid widget, as shown in the following code snippet:

ct.env.options.widget.enableLoadOnScroll=true;

In the following sections, let's see the configurations of a Live Scroll Grid with Cache App View type in App Designer:

For more details on the Live Scroll Grid with Cache View, refer the following pages