actionComplete and actionBegin events

[Unknown]

Hello,

how can I make work Autocomplete events actionComplete and actionBegin?

I am using it like:

.html:

<ejs-autocomplete (actionBegin)="onActionBegin($event)" (actionComplete)="onActionComplete($event)"></ejs-autocomplete>

.ts:

onActionBegin(args) {

     console.log(args);

}

onActionComplete(args) {

     console.log(args);

}

I am getting remote data. Data is show in Autocomplete box, I can make search from that data and ets., bet these to event are never triggered.

[Ilakkiya Baskar]

Hi AC, 

  

Thank you for contacting Syncfusion Support. 

  

We analyzed your query. The events that you mentioned are called whenever the data is loaded from the remote server in the AutoComplete component. The actionComplete is failed to call when the data is not fetched from the remote server.  On searching, the events are called on each request. Please refer the code block below,  

@Component({ 

  selector: 'my-app', 

  template: `<ejs-autocomplete id='ddlelement' #samples [dataSource]='data' [fields]='fields' [placeholder]='text' [query]='query' [sortOrder]='sorting' (actionBegin)='onActionBegin($event)' (actionComplete)='onActionComplete($event)'></ejs-autocomplete>`, 

 

}) 

export class AppComponent  { 

  //name = 'Angular 6'; 

  //bind the DataManager instance to dataSource property 

    public data: DataManager = new DataManager({ 

            url: 'https://j.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/', 

            adaptor: new ODataAdaptor, 

            crossDomain: true 

        }); 

    // maps the appropriate column to fields property 

    public fields: Object = { text: 'ContactName', value: 'CustomerID' }; 

    //bind the Query instance to query property 

    public query: Query = new Query().from('Customers').select(['ContactName', 'CustomerID']).take(6); 

    //set the placeholder to DropDownList input 

    public text: string = "Select a customer"; 

    //sort the result items 

    public sorting: string = 'Ascending'; 

    onActionBegin(args) { 

     console.log(args); 

} 

onActionComplete(args) { 

     console.log(args); 

} 

} 

 

Please refer the api in the below link, 

https://ej2.syncfusion.com/angular/documentation/auto-complete/api-autoCompleteComponent.html#actionbegin 

https://ej2.syncfusion.com/angular/documentation/auto-complete/api-autoCompleteComponent.html#actioncomplete 

On filtering the data if you want to make any changes, please refer the below link for filtering details, 

https://ej2.syncfusion.com/angular/documentation/auto-complete/filtering.html 

Please refer the sample in the below link, 

https://stackblitz.com/edit/angular-ki4nue 

Please let us know, if there is any concern. 

Regards 

Ilakkiya B