kendo combobox to odata-v4

by merganser

HTML

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.common-nova.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.nova.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.2.620/styles/kendo.nova.mobile.min.css" />

<script src="https://kendo.cdn.telerik.com/2018.2.620/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js"></script>

<h4>Find a product</h4>
<input id="products" style="width: 100%;" />

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

h4 {
  color: white;
}

JavaScript

$(document).ready(function() {
  $("#products").kendoComboBox({
    placeholder: "Select product",
    dataTextField: "applications.Name",
    dataValueField: "applications.Id",
    filter: "contains",
    autoBind: true,
    minLength: 3,
    dataSource: {
      type: "odata-v4",
      serverFiltering: true,
      transport: {
        read: {
          url: "https://ams-cyl.mgroupnet.com/Json/Home/GetConsoleApps",
        }
      }
    }
  });
});