CODEWITHSUNDEEP
javascriptjqueryhtmldrop-down-menukendo-ui
devlin carnate
devlin carnate

Reputation: 8622

Filter kendo grid with multiselect drop down

I have a kendo grid, and an html drop down. When I configure the drop down as single select, I'm able to successfully filter the kendo grid using the string value of the selected item from the drop down.

Here's the filtering code that works when the drop down is a single select:

$("#LocationListDropDown").on("change", function(e) {
var ds = $("#grid").data("kendoGrid").dataSource;
var dropdownVal = $(this).val();
ds.filter([
    {"logic":"and",
     "filters":[
         {
            "field":"Freight",
            "operator":"eq",
            "value": dropdownVal}
     ]}
});

However, once I change that drop down to a multi-select, the filter only filters by the first selection. When the multi-select has more than one selection, the value is in an array of strings format. How do I filter the grid with multiple selections from the drop down?

Upvotes: 0

Views: 1732

Answers (1)

D_Learning
D_Learning

Reputation: 1023

Here is the code to apply filter using multi-select:

  $("#LocationListDropDown").on("change", function(e) {
        var ds = $("#grid").data("kendoGrid").dataSource;
        var dropdownVal = $(this)..value();
        ds.filter([
            {"logic":"or", //applying "or" will get result for all multi-select values
                "filters":$.map(dropdownVal, function (valueLst) {
                    return {
                        field: "Freight",
                        operator: "eq",
                        value: parseInt(valueLst)
                    };
                })
            }
            ])
        });

Above code will create the list of filters for all the values in the multi-select selection value array.

Do let me know if your requirement is different from the above solution.

Upvotes: 0

Related Questions