Contains-with filtering instead of exact match filtering

[Vigneswaran]

Hello 

I have a multiselect checkbox dropdown with a filter with it that looks something like this 

App.component.html

<ejs-multiselect

id='multiselectelement'

[dataSource]='dataSource'

[fields]='fields'

[mode]='mode'

[enableSelectionOrder]='false'

[placeholder]='placeholder'

[value] = "values"

showSelectAll='true'

(select) = "onSelect($event)"

(removed) = "onRemove($event)">

</ejs-multiselect>

App.component.ts

mode = 'CheckBox';

I would like to have a contains-with filtering/searching instead of an exact match searching. Is that possible and if so could you kindly provide me with a sample code.

Warm Regards

Vigneswaran

[Berly Christopher]

Hi Vigneswaran, 

  

Greetings from Syncfusion support. 

  

By default, MultiSelect having filterType as StartsWith. Due to this, while filtering, it will fetch the data based on matching character on first item alone. So, we suggest you to change the filterType as “contains” to achieve the requested requirement.  

  

Please refer the below API documentation to know more about this property. 

API Link: https://ej2.syncfusion.com/documentation/api/multi-select/#filtertype  

  

For your convenience, we have prepared the sample and attached it below. 

Sample Link: https://stackblitz.com/edit/angular-uzhlgy-micmj3?file=app.component.html  

  

Regards, 

Berly B.C