Kendo UI DropDownList DataBound Event
Demonstrate Kendo UI DropDownList DataBound Event
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<input id="customers"></input>
JavaScript
var dati;
var _customers = $("#customers").kendoDropDownList({
index: 0,
placeholder: "Select Customer",
dataTextField: "ProductName",
dataValueField: "UnitPrice",
filter: "contains",
dataSource: {
type: "odata",
serverFiltering: true,
serverPaging: true,
pageSize: 20,
transport: {
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products",
}
},
dataBound: function(data) {
dati = data;
console.log(data);
}
});