On pressing the tab button show dropdown popup

[thowfik]

I have a list of controls like textboxt dropdown in a form on pressing the tab button the controls of textbox goes to next  controls sameway 

How to show the dropdown popup On pressing the tab button in keyboard.

Thanks in Advance

Regards 

Thowfik

[Ashokkumar Balasubramanian]

Hi thowfik, 

 

Good day to you. 

 

For this scenario, you can bind the keypress event to input element and using showPopup method to show the popup element in Drop down List component. Please refer the below code block. 

 

public onCreated(){ 

        this.listObj.element.addEventListener('keyup', function (e) { 

            if (e.keyCode === 9) 

                document.getElementById('games').ej2_instances[0].showPopup(); 

        }); 

    } 

 

Modified Sample: https://stackblitz.com/edit/angular-ztvpic?file=app.component.html 

 

Kindly check the above sample and let us know if you need any further assistance. 

 

Regards, 

Ashokkumar B. 

[thowfik]

Hi,

Thanks for your valuable reply,

I need same for the  ejs-datepicker

Thanks in Advance

Regards 

Thowfik

[Berly Christopher]

Hi Thowfik,

 

We have prepared the sample based on the requested requirement in EJ2 DatePicker and attached it below.

 

Sample Link: https://stackblitz.com/edit/angular-ztvpic-hgalqz?file=app.component.ts 

 

Regards,

Berly B.C