Stable version of Wijmo compatible with Angular 9

Stable version of Wijmo compatible with Angular 9

Posted by: AAl-ismail on 14 April 2020, 5:24 am EST

• 

  AAl-ismail

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 April 2020, 5:24 am EST

  Hi,
  
  I have used wijmo - 5.20201.664 version in my Angular 9 project but am facing few issues.
  
  For example in Wj-multi-select the checkedItemsChanged event is being invoked automatically on the page load.
  
  Let me know the stable version of Wijmo which is compatible with Angular 9 which can be used in production environment.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 15 April 2020, 12:46 am EST

  Hi,

  The provided version is compatible with Angular 9 and Ivy. The reason that the checkedItemsChanged event is fired because whenever a MultiSelect and an itemsSource is assigned, the checkedItems is assigned an array according to the itemsSource.
  
  For example, if an item in the source has the $checked property set to true, then the checkedItems array will be initialized using this item and if no item has their $checked property set to true, then an empty array is assigned to the checkedItems.
  
  If you do not wish to fire the event when the page is loaded, then you can add an handler for checkedItemsChanged in the initialized event of the MultiSelect:

  https://stackblitz.com/edit/ckkyne-hlhzd5

  Regards,
  
  Ashwin

• 

  AAl-ismail

  • Post Options:
  • Link
    Copy

  Posted 15 April 2020, 9:04 am EST

  Hi,

  Few questions here -

  1. When same code worked with Wijmo -5.20182.524, why is it breaking with the latest version? Are there are changes to the implementation of wj-multi-select?
  2. If the code from below sample is implemented- how do we detect an event on select/deselecting of item from wj-multi-select?
     
     https://stackblitz.com/edit/ckkyne-hlhzd5
  3. I am trying to detect the checkedItemsChanged event and on deselecting an item from the wj-multi-select i need a Mat Dialog box to be opened
• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 16 April 2020, 2:03 am EST

  Hi,

  In the previous sample, I mistakenly commented out the code that sets the checkedItemsChanged handler. I have updated the sample so that the checkedItemsChanged event is added as well as if an item is deselected, then an alert is shown:

  https://stackblitz.com/edit/ckkyne-eikmhj

  This will answer your 2nd and 3rd query.

  Regarding 1, I have asked the developers on whether they have implemented some changes in MultiSelect. The internal tracking id of the case is 431290. I will update you as soon as I will hear from them.

  ~regards

• 

  AAl-ismail

  • Post Options:
  • Link
    Copy

  Posted 17 April 2020, 7:53 am EST

  Thanks Ashwin, this helped me resolve the issue.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 24 April 2020, 6:21 am EST

  Hi,

  The checkedItems issue is fixed in the latest nightly build. You may verify the same using the sample below:

  https://stackblitz.com/edit/ckkyne-6kabss

  PS: Nightly builds are not suitable for production environment because they have not been tested properly.

  ~regards