New to Kendo UI for jQuery? Start a free 30-day trial

Template

configuration

The template used to render the items. By default the widget displays only the text of the data item (configured via dataTextField).

template

String|Function

<input id="dropdownlist" />
<script>
let encode = kendo.htmlEncode;
$("#dropdownlist").kendoDropDownList({
  dataSource: [
    { id: 1, name: "Apples" },
    { id: 2, name: "Oranges" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  template: ({ id, name }) => `<span>${name}</span>`
});
</script>