Kendo ui datasource filter multiple values

All Telerik. Now enhanced with:.

This post aims to come up with some useful workaround to filter data in Telerik Kendo Grid over multi-select column fields bound to complex data by using multi-check-boxes filters. I was reading a lot about it in forums but I could not find any solution for me except some that forced me to refactor my code largely. Not funny for me. That having said, on one hand, I couldn't display data values in filter on the target column and on the other hand, once I could find a solution to show multi-check-boxes with desired options, it turns out default functionality did not provide filter capabilities for multi-select fields bound to complex data. It would come very handy if someone reading this post could tell me I am wrong and even leading me to some link explaining how to do it They are columns showing multiple elements for the same column or field, for instance, a list of products as displayed below.

Kendo ui datasource filter multiple values

.

Add comment. In addition to this, I incorporated some code to update the user interface accordingly, for instance, changing the appearance of icons, titles, etc.

.

All Telerik. Now enhanced with:. To try it out sign up for a free day trial. The jQuery MultiSelect allows you to display a multiple selection from a list of choices. It provides virtualization and customization through templates.

Kendo ui datasource filter multiple values

All Telerik. Now enhanced with:. To try it out sign up for a free day trial. The jQuery Filter control is a powerful component, which allows you to create a filter that can be used by the Kendo DataSource. It provides an intuitive UI and a variety of options about how to create the underlying filter expression.

Happy birthday animated gif

It would come very handy if someone reading this post could tell me I am wrong and even leading me to some link explaining how to do it This case, I need to make use of a multi-select column in Telerik Kendo Grid bound to a complex object. Update comment. View all products. UI for Unity XR. The OrderViewModel contains a Products property in a similar way as the domain Order class displayed above. Max total file size - 20MB. Now enhanced with:. For nested filter, does the implicit logic "and" apply? And here is the productsFilterItemTemplate javascript function referenced in the ItemTemplate method to provide the customized user interface. The logic operator is determined by the parent composite descriptor. Eventually, it will be employed for rendering a list of input checkbox fields:. Each row in a grid can contain one or more cells with a list of items. In order to get data back, we only have to use the. They will return stored data based on a key or an object containing each stored value as a property in case of using the parameterless method.

All Telerik.

The former let us attach data based on a key string value and the latter via an object that must contain key-value pairs. Never mind, remember "demo purposes" As a workaround, users can click "Clear" button and actions will be performed fine but I wanted filters to work fine in both situations. Update comment. We can use those values for applying " and " or " or " rules according to application requirements. Browse for files to attach Regards, Rosen Telerik. To be honest, this is a valid interim workaround that I've checked it works quite fine yet showing a very similar behavior to the default one but I would like to know another better way to do it. Some idea or proposal? Jan asked on 29 Aug , PM. First of all, I created a new non-visible column called CommaDelimitedProductNames to store the list of products in a new plain string field property. Plamen Telerik team. Telerik Document Processing. Additionally, I will make use of another Order class so as to place that list of products within a very simple Order class. It is odd.