Navigate previous record,next record by entering key-up and key-down

Question

Hi ,
JDeveloper11g_
I am trying to solve of how to navigate previous record,next record by entering key-up and key-down in ADF Table.
If any of you have this solution by JScript of Backing Bean please help me.
Thanks
zakir
===

Answer 1

Hi zakir,
I hope I understood your requirements correctly. You have an editable ADF table. You would like to use the up/down arrow keys to move from one row to the next/prev row of the same column. Since the Tab key moves the cursor to the right and Shift+Tab moves it to the left, now you want to implement the same thing but just up and down, correct? If so, try this.
/** Javascript **/
function detectKey(evt) {
    var inputText = evt.getSource();
    var id = inputText.getClientId();
    var start2 = id.indexOf(":") + 1;
    var end2 = id.lastIndexOf(":");
    var numValue = parseInt(id.substring(start2, end2));
    var evt2 = evt.getNativeEvent();
    arrows=((evt2.which)||(evt2.keyCode));
    switch(arrows) {
        // Up arrow
        case 38:
        numValue = numValue - 1;
        break;
        // Down arrow
        case 40:
        numValue = numValue + 1;
        break;
    var newStr = id.replace(/:\d:/, ':' + numValue + ':');
    var comp = AdfPage.PAGE.findComponent(newStr);
    if (comp != undefined) {
        comp.focus();
/** Jspx. (Place a client listener on each inputText in the ADF table) **/
<af:column .....>
  <af:inputText value="#{row.bindings.price.inputValue}" .....>
    <af:clientListener type="keyDown" method="detectKey"/>
  </af:inputText>
</af:column>With this, you get to move Up/Right/Down/Left in the editable ADF table without using the mouse.
References:
http://thepeninsulasedge.com/blog/?cat=29
af:clientListener attributes and methodes of event object in java script
Regards,
Chan Kelwin