Dropdownlist column filter is disabled

[Bernard Jurlina]

Why is the dropdownlist column filter disabled?

This is the view:

This is the source for the dropdown:

And this is the result:

The grid is loaded in the modal with the ajax:

Thanks!

Bernard.

[Rajapandiyan Settu]

Hi Bernard, 

Greetings from Syncfusion suppot. 

Query :  Why is the dropdownlist column filter disabled? 

 

We are unable to reproduce the reported issue at our end. Filterbar in the dropdown control is working fine, please find the below sample for your reference. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/core_foreignKey_url818831017.zip 

By further validating your code example, we found that the filter query is not handled for the dropdown in your controller side (Dsposta). We need to handle the filter query in our server-side to perform the filtering action in the dropdown. Please refer to the documentation and code example for more information. 

Dropdown URL dataSource: https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/data-binding/#bind-to-url-adaptor 

public ActionResult ForeignKey([FromBody]Data dm) 

        { 

            var val = OrdersData.GetAllRecords(); 

            var Data = val.ToList(); 

            var count = val.Count(); 

            if (dm.where != null) // perform filter 

            { 

                Data = (from cust in Data 

                        where cust.ShipName.ToLower().StartsWith(dm.@where[0].value.ToString()) 

                        select cust).ToList(); 

            } 

            if (dm.take != 0) 

                Data = Data.Take(dm.take).ToList(); 

            return Json(Data); 

        } 

If you still face the same issue, please share the below details to validate further with this. 

1. Share the script version used for the Syncfusion packages.
2. Share the Syncfusion DLL version.
3. Share the video demonstration of the issue. 
4. You have rendered the Grid in your own modal dialog. we suspect, the filterBar is disabled due to this modal CSS Style. So, share the issue reproducible sample to find the root cause of the issue.

 

Regards, 

Rajapandiyan S