kendo dropdownlist template example

Hello everyone, I am going to share the customize items template and its headerTemplate for appearance of data items in kendo ui dropdown list. i.e.

$(function () {

    $("#customers").kendoDropDownList({

        dataTextField: "Name",

        dataValueField: "ID",

        dataSource: {

            transport: {

                read: {

                    dataType: "json",

                    url: "/api/customers/GetCustomers"

                }

            }

        },

        headerTemplate: '<div class="dropdown-header k-widget k-header">' + '<span>Contacts</span>' + '</div>',

        template:  '<span class="k-state-default">"<h3>#: ID #</h3>  - <h3>#: Name #</h3></span>'

    });

    var customer = $("#customers").data("kendoDropDownList");

    if (customer != undefined) {

        //TODO: you custom logic..

    }

});