Restricting Tab Out

Question

Hi,
Using Jdev 11.1.1.6
I have implemented three column page template.. where my left panel has some taskflow and right have some other taskflow. My center has the af:panelTabbed , which have 3 showDetailItems.
Each showDetailItem has a region binding, which is called dynamically on some action..
I just wanted to ask, if there is any way that I can restrict Tab out from my CENTER i.e just Opened ShowDetailItem , to any other place in three column page template.
More Explanation
This is nothing to do with PanelTabbed component.... It's simple Keyboard 'TAB' I want to restrict.
Like if user uses Tab for accessing fields on the Center screen. Then after the last field on the Center TaskflowScreen, 'TAB' goes out of the screen to next Taskflow enabled field. I want to restrict that...
Regards,
Neha..
Edited by: neha on May 15, 2013 2:23 AM

Answer 1

Neha,
You could probably add a input text component in your main page (say under end / copyright facet of the pageTemplate) and set it width to 0. Add a clientListener to it which would set the focus to the first component.
Ex:
            <af:form id="f1">
                <af:resource type="javascript">
                  function checkTab(evt) {
                      var keyPressed = evt.getKeyCode();
                      if (keyPressed == AdfKeyStroke.TAB_KEY) {
                          var compToSetFocus = evt.getSource().findComponent('pt1:it1');
                          compToSetFocus.focus();
                      evt.cancel();
                </af:resource>
                <af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx" id="pt1">
                    <f:facet name="center">
                        <af:group id="g1">
                            <af:inputText label="Label 1" id="it1" clientComponent="true"></af:inputText>
                            <af:inputText label="Label 2" id="it2"/>
                            <af:inputText label="Label 3" id="it3"/>
                        </af:group>
                    </f:facet>
                    <f:facet name="header"/>
                    <f:facet name="end"></f:facet>
                    <f:facet name="start"/>
                    <f:facet name="branding"/>
                    <f:facet name="copyright">
                        <af:inputText id="it4" contentStyle="width:0px;">
                            <af:clientListener method="checkTab" type="keyPress"/>
                        </af:inputText>
                    </f:facet>
                    <f:facet name="status"/>
                </af:pageTemplate>
            </af:form>-Arun