how to catch arrow keys in grid that uses MVVM [closed]

answered 2015-03-23 20:52:05 +0800

chillworld
5367 ● 4 ● 9
https://github.com/chillw...

updated 2015-03-24 10:33:55 +0800

It's actually pretty straight forward :

ctrlKeys="#up" onCtrlKey="@command('keyPressed')"

java :

@Command
public void keyPressed(@ContextParam(ContextType.TRIGGER_EVENT) KeyEvent event) {
    Clients.showNotification("pressed : " + event.getKeyCode()); 
}

Updated fiddle.

Edit:

Well I've updated the fiddle again, only for right key and down key.

code :

@Command
public void keyPressed(@ContextParam(ContextType.TRIGGER_EVENT) KeyEvent event) {
    InputElement comp = (InputElement) event.getTarget();
    if (event.getKeyCode() == 39) {
        Component nextSybling = comp.getParent().getNextSibling() == null ? comp.getParent().getParent().getFirstChild().getFirstChild() : comp.getParent().getNextSibling().getFirstChild();
        while (!(nextSybling instanceof InputElement)) {
            nextSybling = nextSybling.getParent().getNextSibling() == null ? comp.getParent().getParent().getFirstChild().getFirstChild() : nextSybling.getParent().getNextSibling().getFirstChild();
        }
        ((InputElement) nextSybling).setFocus(true);
    } else if (event.getKeyCode() == 40) {
        int tabIndex = comp.getTabindex();
        Component nextRow = comp.getParent().getParent().getNextSibling() == null ? comp.getParent().getParent().getParent().getFirstChild() : comp.getParent().getParent().getNextSibling();
        Component next = nextRow.getFirstChild().getFirstChild();
        while (!(next instanceof InputElement) || ((InputElement) next).getTabindex() != tabIndex) {
            next = next.getParent().getNextSibling().getFirstChild();
        }
        ((InputElement) next).setFocus(true);
    }
}

And in the zul I've changed also :

<intbox tabindex="${forEachStatus.index}"

So I could navigate under and know at what position I was.
Also in the implementation : end of row or line, goto beginning.
The right key has also the feature if you swap more of template, it still work (tested it with swapping template on foreachstatus.index%2==0).

For key down, the tabindex must be same for a inputelement or there are problems.

Greetz chill.