HTML <select> to DropDownList with templates?

[Alexander]

Hi, is it possible to initialize a Kendo DropDownList from an HTML select element and use a template as well?

I want to do something like this:

<select id="locations">
   <option value="1" data-city="Albuquerque" data-state="NM">Albuquerque</option>
   <option value="2" data-city="Seattle" data-state="​WA">Seattle</option>
   <option value="3" data-city="Las Vegas" data-state="NV">Las Vegas</option>
</select>

<script type="text/x-kendo-template" id="city-state-template">
   #= data.city#, #= data.state#
</script>

<script>
$(document).ready(function() {
    $('#locations').kendoDropDownList({
        template: kendo.template($('#city-state-template').html())
    });​
});
</script>

 

[Konstantin Dikov]

Hello Alexander,

You could refer to the following forum thread, where the same requirement is discussed:

• How to access "DATA-" attributes in a option after converting select to a dropdownlist

As you will notice, the only possible way for retrieving additional values is by using a data source and not the attributes of the select options.

Hope this helps.


Regards,
Konstantin Dikov
Telerik

 

 

[Alexander]

Thanks for the response. However it appears that there's no real difference at that point between initializing from a <select> element with <option>s vs an empty <div> element. In other words, no.