Wj-multi-select-list-box is not showing selections

Wj-multi-select-list-box is not showing selections

Posted by: nilesh_nichal on 21 January 2024, 4:30 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 21 January 2024, 4:30 pm EST

  wj-multi-select-list-box is not showing selections until the toggle button is clicked. It was working fine until we upgraded to version: 5.20232.939.
  
  I’ve attached a video of the same belowVideo Project.zip

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 23 January 2024, 12:32 am EST

  Hi,

  Thanks for providing us with the video.
  
  Based on my understanding, you seem to be using the collectionView property of the MultiSelect List box to show some pre-selected items. For instance,

  multiSelect.collectionView.items[0]['$checked'] = true;

  By following the above approach, we are able to reproduce the behavior at our end. To resolve the issue, the refresh() method of the collectionView can be used.

  multiSelect.collectionView.items[0]['$checked'] = true;
  multiSelect.collectionView.refresh();

  Alternatively, you can also use the checkedItems property of the MultiSelect List box to show some pre-selected items. This approach does not require refreshing the collectionView like the previous approach.

  let items = listBox.collectionView.items;
  listBox.checkedItems = [items[0], items[1]];

  Please refer to the below sample for more understanding.
  
  sample: https://stackblitz.com/edit/angular-6tz9ar?file=src%2Fapp%2Fapp.component.ts
  
  Also, we checked some previous versions of Wijmo to see if the behavior of the current version was different from the previous versions. However, we observed the same behavior in old as well as newer versions. If there was a different behavior at your end, kindly let us know about that specific version of Wijmo.
  
  If you continue to face the issue, kindly modify the shared sample accordingly to replicate the issue and share it with us. It will allow us to investigate the issue more thoroughly.

  Regards