move focus to next field in a grid search part

[cpampas]

hi,

i have a grid search part with a range control. when the first text box ( the one with the starting value), has the focus, and if the enter key is pressed I would like the focus to move to the next text box (the one with the ending value)

i tried the following code in the onKeypress event of the control 'VALOR'. but still not working. is this the wrong event ?

var keycode = event.keyCode;
if (keycode == 13){

$('{Grid.ComponentName}.S.TO.VALOR').focus();

}

[Lance Gurd]

Re: move focus to next field in a grid search part

I have similar code on a UX component, but I put it in the onKeyDown event and it works for me.

One thing seems a bit strange with your code though, you have

the following code in the onKeypress event of the control 'VALOR'.

and then your code sets focus to the same control

$('{Grid.ComponentName}.S.TO.VALOR').focus();

surely you want to put the code in an event on a different control?

[cpampas]

Re: move focus to next field in a grid search part

Hi Lance,
thanks for your reply.
the control 'VALOR' is in the search part of the grid, and it is a range control with a starting value and an ending value, so my goal is that by pressing the enter key whilst the focus is in the starting value to move to the ending value control

that is why I was trying :

$('{Grid.ComponentName}.S.TO.VALOR').focus();

I also noticed that if the ENTER key is pressed when in the search part of the grid, the search is executed, frustrating any sucessful moving of focus to another control
I appreciatte your help

[Lance Gurd]

Re: move focus to next field in a grid search part

Hi Carlos,

I just added a search range control to one of my grids and checked it out in chrome debbugger to get its name and it had

S._TO.SECTION

The underscore is important, I can see the field getting focus but unfortunately the search initiates and I don't know a way to stop that in a grid. Much easier in a UX with a list control.

[cpampas]

Re: move focus to next field in a grid search part

Lance,

Thanks. the missing underscore solved half of my problem

$('{Grid.ComponentName}.S._TO.VALOR').focus();

Nevertheless I have the same problem you described : the focus moves to the ending value textbox, but right after that the search initiates.
Anybody has a clue on how to NOT trigger the search when the ENTER key is pressed ?

Regards

[TheSmitchell]

Re: move focus to next field in a grid search part

Lance,

Thanks. the missing underscore solved half of my problem


Nevertheless I have the same problem you described : the focus moves to the ending value textbox, but right after that the search initiates.
Anybody has a clue on how to NOT trigger the search when the ENTER key is pressed ?

Regards

http://stackoverflow.com/questions/5...preventdefault

event.stopPropagation();

If there's some sort of default browser behavior you want to prevent on the textbox, include event.preventDefault() as well.

[cpampas]

Re: move focus to next field in a grid search part

Sarah,
i will try it
thanks

[TheSmitchell]

Re: move focus to next field in a grid search part

I ran across this today: http://wiki.alphasoftware.com/Event+...stopEvent+V105

It's another way to stop the event from bubbling:

$e.stopEvent(event);

[binque]

Re: move focus to next field in a grid search part

All I wanted to do was move the focus of a search field from the FIRSTNAME field to the LASTNAME field without hitting TAB everytime. This was my simple solution after hours of trial and error

I placed this in the OnKeyPress javascript for the FIRTNAME field of the search part. Now when I hit ENTER it moves to LASTNAME everytime. Simple and foolproof.

if (event.keyCode==13){
$('{Grid.ComponentName}.S.LASTNAME').focus();
}