AutoCompleteComponent - Keydown event

Thread ID:	Created:	Updated:	Platform:	Replies:
150039	Dec 18,2019 01:53 PM UTC	Dec 19,2019 04:54 AM UTC	React - EJ 2	1

Subscribe to this post

Tags: AutoComplete

Sinchan NIkam

Asked On December 18, 2019 01:53 PM UTC

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

Reply | Reply with quote

Sevvandhi Nagulan [Syncfusion]

Replied On December 19, 2019 04:54 AM UTC

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

Reply | Reply with quote

CONTACT US

AutoCompleteComponent - Keydown event

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US