AutoCompleteComponent - Keydown event

[Sinchan NIkam]

Hi Team,

I need the keydown event for AutoCompleteComponent, for auto populating the items which are to be fetched from the databass based on user enter.

And fetched data is stoted in state variable clients.  

Below is the code snippet.

The OnKeyDown is written in below code. However, it is not triggered. 

<AutoCompleteComponent id="search-client" 

dataSource={this.state.clients} ref={(autocomplete) => { this.searchClient = autocomplete; }}

cssClass="e-outline"

floatLabelType="Auto"                                                                                                                        

onKeyDown={this.handleKeyDown}

onChange={this.getSelectedClient}

fields={{ value: 'Name' }} popupHeight="250px" placeholder="Search Group/Company" autofill={true} filterType='StartsWith' />

Please kindly suggest me solution.

Many Thanks,

Sinchan

[Sevvandhi Nagulan]

Hi Sinchan,  

 

Greetings from Syncfusion support. 

 

We have checked the reported requirement. We would like to inform you that we have filtering event which will be triggered for the every keydown action. Kindly refer the below code, 

 

[index.js] 

<AutoCompleteComponent id="games" dataSource={this.sportsData} ref={(AutoComplete) => { this.listObj = AutoComplete; }} placeholder="e.g. Australia" fields={this.fields} filtering={this.onFiltering.bind(this)} /> 

 

Please refer the below sample, 

 

Sample Link: https://stackblitz.com/edit/react-ywbvz3?file=index.js 

 

Please find the UG documentation link below, 

 

UG Link: https://ej2.syncfusion.com/react/documentation/api/auto-complete#filtering 

 

Regards,  

Sevvandhi N