Set focus to input

[S_Line]

Is there a way to set focus to the autocomplete input?

I have a autocomplete input inside a schedule and i want to set focus to the field when the popup is open.

Thank you

[Gopi Govindasamy]

Hi S_Line,  

Thanks for contacting us. 

We have checked your reported scenario for focusing the autocomplete component. We have provided public method for “focusIn” sets the focus to the component and for your scenario is schedule popup open focus the autocomplete. You can call the focusIn method in autoComplete created event or dialog open event after rendering the component. We have prepared test sample and code snippet for your reference.  

 

API: https://ej2.syncfusion.com/documentation/api/auto-complete/#focusin  

 

Sample Link: https://stackblitz.com/edit/enjvtb?file=index.html  

var autoObj = new ej.dropdowns.AutoComplete({ 

                    dataSource: members, 

                    fields: { value: 'text' }, 

                    floatLabelType: 'Always', placeholder: 'Team Members',  

                    created: function(){ 

                      autoObj.focusIn(); 

                    }  

                }); 

                autoObj.appendTo(inputEle); 

Sample Link: https://stackblitz.com/edit/eoh4qc-8sek36?file=index.js  

 

Regards, 

Gopi G. 

[S_Line]

Thank you for the solution, but, when i try to double click on cell and open up the schedule popup event, the input get highlighted, but, the cursor not ready to type.

[Gopi Govindasamy]

Hi S_Line,

 

Thanks for your update.

 

We have checked your scenario and the cause of the problem is autocomplete component render before popup open event, so dialog not opened and  element not append to DOM. In popupOpen event argument returned popup element and take the popup instance and bind the open event, call the autocomplete focusIn method. Please find code snippet and sample for your reference.

 

  args.element.ej2_instances[0].open = function() {

    autoObj.focusIn();

 }

 

 

Sample Link: https://stackblitz.com/edit/eoh4qc-qty2if?file=index.js

 

Regards,

Gopi G.

[S_Line]

Thank you very much! It's working now.

[Prince Oliver]

Hello S_Line, 

Most Welcome. We are glad to help you. 

Regards, 

Prince