Page Up & Page Down keys with Live Grid

[ecowden]

When we use the live grid (version 2.2.5), the page up and down keys go to the end of the current loaded window. Pressing them subsequently does nothing, even if there are more entries available outside of the current window. We'd really like repeated strokes to work "as expected" and keep paging through the grid, not stopping at the end of the current window.

I've tried a few (somewhat hack-y) ways, but none of them are without problems. Has anyone found a good way to get this functionality?

Thanks in advance!

[ecowden]

Update:

We've used the code here as the basis for our LiveGrid implementation.

Building on the onKeyUp() and onKeyDown() methods in the LiveGridSelectionModel of the linked source and the onKeyPress() method in GridSelectionModel, I've created the following in the LiveGridSelectionModel:

    public void pageUp() {
        if (!hasPrevious()) {
            int visibleRowCount = gridView.getVisibleRowCount();
            gridView.scrollUpBy(visibleRowCount);
        }
        select(0, false);
        gridView.focusRow(0);
    }


    public void pageDown() {
        if (!hasNext()) {
            int visibleRowCount = gridView.getVisibleRowCount();
            gridView.scrollDownBy(visibleRowCount);
        }


        int idx = listStore.indexOf(listStore.getAt(listStore.getCount() - 1));
        select(idx, false);
        gridView.focusRow(idx);
    }

While this works, it does not update the vertical scroll bar on the grid, which gets out of sync pretty quickly when navigating the result set. For what it's worth, we observe the same issue when just using the up and down arrows.

Any ideas?

[PhiLho]

Already mentioned in http://www.sencha.com/forum/showthre...-%28in-demo%29 thread. I hope this will implemented. Keyboard shortcuts seem to be often forgotten / low priority in Web applications...