Animations to be used for opening/closing the popup. Setting to false will turn off the animation.

$("#comboBox").kendoComboBox({
    animation: false
});

//combobox initialization
 <script>
     $("#combobox").kendoComboBox({
         dataSource: dataSource,
         animation: {
            close: {
                effects: "fadeOut",
                duration: 300,
                hide: true
                show: false
            }
         }
     });
 </script>

//combobox initialization

<script>
     $("#combobox").kendoComboBox({
         dataSource: dataSource,
         animation: {
            open: {
                effects: "fadeIn",
                duration: 300,
                show: true
            }
         }
     });
 </script>

Controls whether to bind the widget to the DataSource on initialization.

$("#comboBox").kendoComboBox({
    autoBind: false
});

A local JavaScript object or instance of DataSource or the data that the ComboBox will be bound to.

var items = [{ text: "Item 1", value: "1" }, { text: "Item 2", value: "2" }];
$("#comboBox").kendoComboBox({
    dataTextField: "text",
    dataValueField: "value",
    dataSource: items
});

$("#comboBox").kendoComboBox({
    dataSource: new kendo.data.DataSource({
        transport: {
            read: {
                url: "Get/Items" // url to remote data source (simple list of strings)
            }
        }
    });
});

Sets the field of the data item that provides the text content of the list items.

$("#comboBox").kendoComboBox({
    dataTextField: "Name",
    dataValueField: "ID"
});

Sets the field of the data item that provides the value content of the list items.

$("#comboBox").kendoComboBox({
    dataTextField: "Name",
    dataValueField: "ID"
});

Specifies the delay in ms after which the ComboBox will start filtering dataSource.

$("#comboBox").kendoComboBox({
    delay: 500
});

Controls whether the ComboBox should be initially enabled.

$("#comboBox").kendoComboBox({
    enable: false
});

// get a reference to the ComboBox widget
var comboBox = $("#comboBox").data("kendoComboBox");
comboBox.enable(false);

Defines the type of filtration. If "none" the ComboBox will not filter the items.

$("#comboBox").kendoComboBox({
    filter: "startswith"
});

Define the height of the drop-down list in pixels.

$("#comboBox").kendoComboBox({
    height: 500
});

Controls whether the first item will be automatically highlighted.

$("#comboBox").kendoComboBox({
    highLightFirst: true
});

Defines whether the filtration should be case sensitive.

$("#combobox").kendoComboBox({
    filter: 'contains',
    ignoreCase: false //now filtration will be case sensitive
});

Defines the initial selected item.

var items = [{ text: "Item 1", value: "1" }, { text: "Item 2", value: "2" }];
$("#comboBox").kendoComboBox({
    dataSource: items,
    index: 1 // 0 based from the start of the collection of objects. this selects "Item 2".
});

Specifies the minimum characters that should be typed before the ComboBox activates

$("#comboBox").kendoComboBox({
    minLength: 3
});

A string that appears in the textbox when the combobox has no value.

//combobox initialization
 <script>
     $("#combobox").kendoComboBox({
         dataSource: dataSource,
         placeholder: "Select..."
     });
 </script>

<input id="combobox" placeholder="Select..." />

 //combobox initialization
 <script>
     $("#combobox").kendoComboBox({
         dataSource: dataSource
     });
 </script>

Controls whether the ComboBox should automatically auto-type the rest of text.

$("#comboBox").kendoComboBox({
    suggest: false
});

Template to be used for rendering the items in the list.

//template
<script id="template" type="text/x-kendo-tmpl">
      # if (data.BoxArt.SmallUrl) { #
          <img src="${ data.BoxArt.SmallUrl }" alt="${ data.Name }" />Title:${ data.Name }, Year: ${ data.Name }
      # } else { #
          <img alt="${ data.Name }" />Title:${ data.Name }, Year: ${ data.Name }
      # } #
 </script>

 //combobox initialization
 <script>
     $("#combobox").kendoComboBox({
         dataSource: dataSource,
         dataTextField: "Name",
         dataValueField: "Id",
         template: kendo.template($("#template").html())
     });
 </script>

Define the text of the widget, when the autoBind is set to false.

$("#combobox").kendoComboBox({
     autoBind: false,
     text: "Chai"
});

Define the value of the widget

$("#combobox").kendoComboBox({
     dataSource: ["Item1", "Item2"],
     value: "Item1"
});