Hi Rahal Ekanayaka,
We have checked your reported requirement and we would like to let you know that the Filtering option is available in our ListBox by enabling the allowFiltering option and customizing in the filtering event as like in the below code example.
Code Block:
|
<ejs-listbox [dataSource]='data' [allowFiltering]=true (filtering)='onFiltering($event)'></ejs-listbox>
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
let query: Query = new Query();
//frame the query based on search string with filter type.
query = (e.text !== '') ? query.where('text', 'startswith', e.text, true) : query;
//pass the filter data source, filter query to updateData method.
e.updateData(this.data, query);
}; |
For your convenience, we have prepared a sample based on your requirement. Please find the link below.
Please check the above sample and get back to us if you need further assistance on this.
Regards,
Janakiraman S.