python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
kendo dropdownlist template example

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..
    }
});



ANIL SINGH

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions