Combobox can not recycle popup by Filtering

Question

html:

When input the value, it will call onFiltering: public onFiltering: EmitType

Ponmani Murugaiyan · Accepted Answer

Hi wills, 

Thanks for the patience. 

We have checked with the reported query using the asynchronous to get data in filtering event. It is working as expected in our end, please find the test sample below for reference. 






public onFiltering(args: any): void { 
    args.preventDefaultAction = true; 
    let query: Query = new Query(); 
    query = args.text !== "" ? query.where("Game", "startswith", args.text, true) : query; 
    let data = this.dataService.fetch(args.text).subscribe(result => { 
      args.updateData(result, query); 
    }); 
  } 
 

Sample: https://stackblitz.com/edit/angular-wwjr8b-zwk7zx?file=app.component.ts  

Kindly check with above sample meets your requirement. Please get back us if you need further assistance. 

Regards, 
Ponmnai M

Ponmani Murugaiyan · Answer

Hi Wills, 

Thanks for contacting Syncfusion support. 

Based on your provided code snippet, we have prepared sample and ensured in our end. But unfortunately the reported error is not replicated in our end. Here we have attached the ensured sample with video demonstration for your reference. 

Sample: https://stackblitz.com/edit/angular-hwvoma-4phe92?file=app.component.html  
 
Video Demonstration: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_17-10-2020_2.11.50_PM.mp4822572721  
 
Documentation: https://ej2.syncfusion.com/angular/documentation/combo-box/filtering/  
 
Kindly check with the above sample and video. If issue still exists in your end please try to replicate the issue in the provided sample. 

Regards, 
Ponmani M

Pon Geetha A J · Answer

To: Syncfusion Support <support@syncfusion.com>Subject: Re: Syncfusion support community forum 158640, Combobox can not recycle popup by Filtering, has been updated. 

hi ： 
please notes：  

In FilteringEvent, 
you must use asynchronous to get data. 

 this.controlDataService.getdatalist(40010, 0, '', this.filterManager, 'VoucherNo', "", this.buildFilter(this.value), 1).subscribe((data: any) => {          
            if (data != undefined && data.List) { 
                this.datas = JSON.parse(data.List);                
                e.updateData(this.datas); 
                this.combobox.dataBind(); 
            }             
        }) 
    };

wills · Answer

hi ：please notes：In FilteringEvent,you must use asynchronous to get data. this.controlDataService.getdatalist(40010, 0, '', this.filterManager, 'VoucherNo', "", this.buildFilter(this.value), 1).subscribe((data: any) => {                     if (data != undefined && data.List) {                this.datas = JSON.parse(data.List);                               e.updateData(this.datas);                this.combobox.dataBind();            }                    })    };