Jump to content

Recommended Posts

Posted

I have a form with 5 Edits and 1 DBGrid. The property of TabStop of first 3 Edits and the DBGrid is off, because I need that the user navigate only with Tab or Enter key through the last two Edits, and when the user clicks on the DBGrid it will be selected. Any way when the user exit from last edit the dbgrid become selected.

 

post-125-0-47764900-1312904670_thumb.png

Posted

Tab navigation is handled by browser and the only control we have over it is changing the order of tabbing.

 

It means that the TabStop property does not work in web mode????

  • Administrators
Posted

It means that the TabStop property does not work in web mode????

 

You can say that. Currently we can't prevent browser from tabbing thru visual elements until we implement our own special tab key handler which is planned but not for a near future.

  • Administrators
Posted

Something like this:

 

function doNextTab(sender, e)
{
  var c=null; 
  var a=e.getCharCode(); 
  if (a==9) {
       c=sender.nextSibling();
       while (c && !c.events['keypress'])  {
               c=c.nextSibling();
       }
  } 
  if (c) c.focus();
}

 

 

For each Editable Control add below to OnKeyPress client event:

 

function OnKeypress(sender, e)
{
  doNextTab(sender, e);
}

  • Administrators
Posted

and add below to MainForm.Scripts:

 

if (typeof window.event != 'undefined') { /* IE */
  document.onkeydown = function() /* IE */ 
  {
       var kc=event.keyCode;
       return (kc != 9);
  }
} else {
  document.onkeypress = function(e) /* FireFox/Others */ 
  {
       var kc=e.keyCode;
       return (kc != 9);
  }
}

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...