Combobox Events
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<br/>
<input id="customer_id" /><br/>
<br/>
<input id="customer" placeholder="Select..." />
JavaScript
$(document).ready(function() {
$("#customer").kendoComboBox({
dataTextField: "text",
dataValueField: "value",
dataSource: [
{ text: "Customer1", value: "1" },
{ text: "Customer2", value: "2" },
{ text: "Customer3", value: "3" },
{ text: "Customer4", value: "4" }
],
filter: "contains",
suggest: true,
change: onChange
});
});
function onChange() {
$("#customer_id").val(this.value()).trigger("change");
}
$('#customer_id').focusout(function () {
var $elem = $("#customer").data("kendoComboBox");
$elem.value("");
$elem.dataSource.read();
$elem.value($(this).val());
$elem.trigger("change");
});