Kendo Grid, how to make column filterable by dropdown menu?

2
votes

I would like to ask, how to change in Kendo Grid component column filterable input (see image below) into dropdown menu with two given values (CZ and EN)?

enter image description here

Many thanks for any help.

EDIT:

I tried to do by this way, but with no effect:

 {
                field :"language",
                title : $translate.instant('LANG'),
                type: "string",
                width:220,
                filterable: {
                  ui: function (element) {
                    element.kendoDropDownList({
                      dataSource: ['CZ','EN'],
                      optionLabel: "--Select Value--"
                    });
                  }
                }
            },
2
kendo-uikendo-grid
you can have a look at this example too. look at category field - Farzad Karimi

2 Answers

1
votes

Check this tutorial, it should give you information how to do it http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

Sorry, Is this that you are trying to achieve ?

enter image description here

0
votes

I have resolved this by applying below code

{        
    field: "language",
    title: "Language",
    width: 150,
    filterable: {                       
        multi: true,
        dataSource: [
            { language: "CN" },
            { language: "EN" }
        ]            
    }
}

Hope this will work for you