redrom
redrom

Reputation: 11632

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

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--"
                    });
                  }
                }
            },

Upvotes: 2

Views: 12943

Answers (2)

MayankGaur
MayankGaur

Reputation: 993

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

Upvotes: 0

Adriansyah
Adriansyah

Reputation: 124

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

Upvotes: 1

Related Questions