We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ejs-multiselect first option exceeds box limints

Thread ID:

Created:

Updated:

Platform:

Replies:

147432 Sep 10,2019 03:28 PM UTC Sep 11,2019 05:13 PM UTC Angular - EJ 2 1
loading
Tags: MultiSelectDropdown
alex niki
Asked On September 10, 2019 03:28 PM UTC

Hello. I think It not necessary to provide my code in this case.
As you can see in the gif, having typed "DEL" the first (grey) option is "DELIPOST", while the second "DELTIUS".
Next, I type "T" and the first option is not "DELTIUS", as I expected. Although, If I scroll until I find "DELTIUS", I see that it's color is grey.
What are some possible solutions here?
Thanks in advance!

Attachment: ezgif.comcrop_2e17920.rar

Vinoth Kumar Sundara Moorthy [Syncfusion]
Replied On September 11, 2019 05:13 PM UTC

Hi Alex, 
 
Thank you for contacting Syncfusion support. 
 
We have checked the shared image and could not able to reproduce the issue. In multiselect filtering we have filtered the item based on the value property and value field must be unique. So, we suspect that you have bounded duplicate dataSource.  
 
So, we suggest you achieve your requirement through filtering event using the public updateData method. Where we can able to specify the filterType as ‘startswith’ to filter the item from the starting with specified character. Please refer the below code, 
 
Code Snippet 
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('Name', ' contains', e.text, true) : query; 
    //pass the filter data source, filter query to updateData method. 
    e.updateData(this.data, query); 
}; 
 
 
Could you please check the above sample and get back to us with code snippet if issue persists? 
 
Regards, 
Vinoth Kumar S 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon