Error when using Filters.multipleSelect in Slickgrid 1.x

Hi there! Thanks for the great job you have done for Slickgrid. It’s a pleasure to use it!

I’m submitting a bug report

• Library Version: I’m using angular-slickgrid v1.7.6

• Browser: Chrome 70

• Angular: @angular/cli 7.0.3

• Language: TypeScript 3.1.4

Current behavior: I’m getting an error in the console when I’m using the Filters.multipleSelect :

Error: Uncaught (in promise): Error: Something went wrong while trying to pull the collection from the "collectionAsync" call in the Select Filter, the collection is not a valid array.
Error: Something went wrong while trying to pull the collection from the "collectionAsync" call in the Select Filter, the collection is not a valid array.
    at MultipleSelectFilter.push../node_modules/angular-slickgrid/esm5/angular-slickgrid.js.SelectFilter.renderDomElementFromCollectionAsync (angular-slickgrid.js:1592)
    at MultipleSelectFilter.<anonymous> (angular-slickgrid.js:1573)
    at step (tslib.es6.js:97)
    at Object.next (tslib.es6.js:78)
    at fulfilled (tslib.es6.js:68)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:14191)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
    at zone.js:872
    at MultipleSelectFilter.push../node_modules/angular-slickgrid/esm5/angular-slickgrid.js.SelectFilter.renderDomElementFromCollectionAsync (angular-slickgrid.js:1592)
    at MultipleSelectFilter.<anonymous> (angular-slickgrid.js:1573)
    at step (tslib.es6.js:97)
    at Object.next (tslib.es6.js:78)
    at fulfilled (tslib.es6.js:68)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:14191)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
    at zone.js:872
    at resolvePromise (zone.js:814)
    at zone.js:724
    at fulfilled (tslib.es6.js:68)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388)
    at Object.onInvoke (core.js:14191)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138)
    at zone.js:872
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:14182)

My code:

this.columnDefinitions = [
// ... others classic columns ...
{ id: 'status', name: 'Status', field: 'status', sortable: true, filterable: true,
  filter: {
   collection: [
    { value: '', label: 'All' },
    { value: 'RELAUNCHED', label: 'Relaunched' },
    { value: 'IN_PROGRESS', label: 'In progress' },
    { value: 'FAILED', label: 'Failed' },
    { value: 'DONE', label: 'Done' }
   ],
   model: Filters.multipleSelect
  }
 }
];

Expected/desired behavior: I don’t understand why the error is talking about “collectionAsync”… I’m using “collection” and it is a valid Array. When I use the multipleSelect in my page it’s working, but as a singleSelect. Do you have any idea where this is coming from? Is it working for you?

[ghiscoding]

Finally finished testing and coding the Extension rewrite, you can see more info here This also includes the fix for the issue you reported, it was released under NPM version 1.8.0, so go try it out

Thanks for the feedback

[EfkanKnz]

Ok, no worries, I understand.

Yes sure 😃