Use Enter Key instead of Tab Key in Add or Edit dialog forms and in phpgrid columns for next input

QuestionsUse Enter Key instead of Tab Key in Add or Edit dialog forms and in phpgrid columns for next input
toki asked 7 years ago

Hello,

Is it possibe to use Enter Key instead of Tab Key in Add or Edit dialog forms for next input focus or in phpgrid columns for next column focus ?

Regards…

4 Answers
Abu Ghufran answered 7 years ago

ollowing JS code will emulate ENTER as TAB. Put this script code before `echo $out`;

<script>
var opts = {
'loadComplete': function () {
$('body').on('keydown', 'input, select, textarea', function(e) {
var self = $(this)
, form = self.parents('form:eq(0)')
, focusable
, next
;
if (e.keyCode == 13) {
focusable = form.find('input,a,select,button,textarea').filter(':visible');
next = focusable.eq(focusable.index(this)+1);
if (next.length) {
next.focus();
} else {
form.submit();
}
return false;
}
});
}
};
</script>

<div style="margin:10px">
<?php echo $out?>
</div>

toki answered 7 years ago

Abu,

I realy thank you very much.

Regards…

toki answered 7 years ago

Abu,

It works with no problem.

Thanks and regards…

Abu Ghufran answered 7 years ago

On form dialog, this is alternate code.

<script>
var opts = {
'loadComplete': function () {
$('body').on('keydown', 'input, select, textarea', function(e) {
var self = $(this)
, form = self.parents('form:eq(0)')
, focusable
, next
;
if (e.keyCode == 13) {
focusable = form.find('input,a,select,button,textarea').filter(':visible');
next = focusable.eq(focusable.index(this)+1);

if (next.val() != undefined) {
next.focus();
} else {
$('#sData').click();
}
return false;
}
});
}
};
</script>

Your Answer

5 + 2 =

Login with your Social Id:

OR, enter

Attach code here and paste link in question.
Attach screenshot here and paste link in question.



How useful was this discussion?

Click on a star to rate it!

Average rating / 5. Vote count:

We are sorry that this post was not useful for you!

Let us improve this post!