KendoUICombobox Sample

This is the sample code for Kendo UI Combobox.

by asifmohammed

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<input id="recent" />

JavaScript

var dataList=[{ID: "RC1",Title: "First Record", Platform: "Windows XP"}, 
              {ID: "RC2",Title: "Second Record", Platform: "Windows Vista"},
              {ID: "RC3",Title: "Third Record", Platform: "Others"}];        

$("#recent").kendoComboBox({
    dataTextField: "ID",
    dataValueField: "ID",
    template: " <label title='#=data.Title#' /> ${ data.ID } <br>" +
              " ${ data.Title } <br> " +                    
              " ${ data.Platform } ",
    dataSource: {
                type: "json",
                pageSize: 5,
                data: dataList
            },
    filter: "contains",
    suggest: true,
    index: 0
});