tabindex functionality

[jcf378Participant]

Hi –
I’m having trouble finding clear documentation on how to manage the tabindex functionality for the widgets.
Specifically, the form I’m building has a mix of standard HTML text input fields (not bound to JQuery widgets), as well as a variety of jqWidget inputs (datetime, dropdownlist, checkbox, input, etc.).
I’ve added tabindex properties to the input fields directly, and to the DIV elements that mark the individual widgets (example below).
However, when the page is loaded in the browser, the tab order doesn’t obey what I’ve coded.
Should I be setting a tabindex attribute some other way, (perhaps in the individual jqxWidget initialization scripts?)
Thanks,
-Jason
————————————————————————————————
<input name=”textinput1″ id=”textinput1″ tabindex=”1″ /> <!– standard text input –>
<input name=”textinput2″ id=”textinput1″ tabindex=”2″ /> <!– standard text input –>
<input name=”jqxInput1″ id=”jqxInput1″ tabindex=”3″ /> <!– jqxInput field –>
<div name=”jqwidget1″ id=”jqwidget2″ tabindex=”4″></div> <!– jqxDateTimeInput field –>
<div name=”jqwidget2″ id=”jqwidget2″ tabindex=”5″></div> <!– jqxdropDownList field –>

[jcf378Participant]

sorry – had some type-o’s in my example:
————————-
<input name=”textinput1″ id=”textinput1″ tabindex=”1″ /> <!– standard text input –>
<input name=”textinput2″ id=”textinput2″ tabindex=”2″ /> <!– standard text input –>
<input name=”jqxInput1″ id=”jqxInput1″ tabindex=”3″ /> <!– jqxInput field –>
<div name=”jqwidget1″ id=”jqwidget1″ tabindex=”4″></div> <!– jqxDateTimeInput field –>
<div name=”jqwidget2″ id=”jqwidget2″ tabindex=”5″></div> <!– jqxdropDownList field –>

[Peter StoevKeymaster]

Hi jcf378,

Thank you for writing.

We do not have documentation which explains how to set tabindex attributes. We will consider providing such in future versions. At present there’s nothing specific implemented on our side about managing tabindex attributes, but I suppose you can use the same approach as in this Form – http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxvalidator/defaultfunctionality.htm?arctic which implements Tab functionality without setting explicitly that attribute.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts