How to detect next available syncfusion control

Team,

I have a scenario where I need to bring next editable control into focus on some action performed.
I have a separate component for each sycnfusion control. 
There are different types of syncfusion controls being used and next one can be any one of them.

I do not have a fixed id or reference of the controls.
How do I select the next control and make it directly work without need to click on it?

For example:
In the demo attached, I want on first click on button focus must go to first field.
On second click, the second syncfusion control must get into focus
On third, the third syncfusion control and so on

The issue here is I do not have fixed number of controls. There can be any number and different types of syncfusion controls. Some of them might be disabled.

Could you please provide a solution to it?
How to select the next available control and bring focus to it?


Thanks
Tuariq

Attachment: SelectNextControl_46223fbc.zip

1 Reply 1 reply marked as answer

JM Jeyanth Muthu Pratheeban Sankara Subramanian Syncfusion Team August 18, 2020 03:52 PM UTC

Hi Tuariq,

Greetings from Syncfusion support.

We have checked your query. On examining the requirement provided, we suspect that you are in the need of tab index requirement. We have already provided tab index support for input elements. We can focus the next input element in the page with help of pressing the TAB key. So, we suggest you to perform the focusing action with help of TAB key.

Regards,
 
Jeyanth. 


Marked as answer
Loader.
Up arrow icon