Dropdown list API to return non-string selected value

[Madhura]

If my datasource has non string values like in the below example (modified the Basic Usage demo code)

$("#color").kendoDropDownList({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: [
       { text: "Black", value: 1 },
       { text: "Orange", value: 2 },
       { text: "Grey", value: 3 }
    ],
    index: 0,
    change: onChange
});

Whenever I change/select another the dropdown option, I try to get the selected item's value using value() method. It always returns a string value.
In this example, it returns "1" or "2" or "3" even if the values are integer and not string.
Is there any other way, I can get the correct values (as integer) ?

[Dimiter Madjarov]

Hi Madhura,


You could use the dataItem method instead, which will return the model of the selected item. Then you could get the required "value" property. Here is an example, which demonstrates the scenario.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik

 

 

[Madhura]

It worked.. Thanks!