Fire API call on wijmo auto complete on typing and display data of API

Fire API call on wijmo auto complete on typing and display data of API

Posted by: nchavan3 on 22 September 2021, 6:18 am EST

• 

  nchavan3

  • Post Options:
  • Link
    Copy

  Posted 22 September 2021, 6:18 am EST - Updated 3 October 2022, 12:28 pm EST

  Hello Team,

  I am using wijmo auto complete control in flex grid as a searchable field. Please guide me to implment below functionality -

  1. As soon as I type in auto complete control I want to show spinner icon in the field till the API response come, as soon as API reposnse come I need to populate data in control.

  Please help me which event or method or property we can used to achive this implementation using wijmo auto complete.

  Please find attached image for more information.

  

  1032×450 6.41 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 23 September 2021, 3:29 am EST

  Hello,

  To add the loading icon inside the autoComplete until the data gets load from the server, you may add and remove the loading element from the autoComplete inside the getItemBySearch function as soon as the call starts and ends respectively. Please refer to the sample link below demonstrating the same:

  https://stackblitz.com/edit/angular-i7mhcg?file=src%2Fapp%2Fapp.component.ts
  

  You may change the icon as per your design requirements. If you face any issues then do let me know.

  Regards