Grid Demo

by Patrick Brunner

HTML

<link rel="stylesheet" href="https://cdn.kendostatic.com/2011.3.1129/examples/shared/styles/examples.min.css">
<script src="https://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<div id="grid"></div>

JavaScript

var dataSource = new kendo.data.DataSource({
  transport: {
    read: {
      url: "https://eu.coresuite.com/api/data/v4/BusinessPartner",
      dataType: "json",
      data: {
        accountName: "core-brpa-sa",
        userAccountName: "spixe",
        userAccountPasswordHash: "c4decdde939c78532cbcf1948455bd4dfb338901fb83fb615773b3b630ff45e2209083249995c5c1e720e1c71649a6c53672dc8f52ebc01d352ffc949a4bfe87",
        clientIdentifier: "COR_MOBILE_BUSINESSCLIENT",
        companyName: "SPX",
        dtos: "BusinessPartner.16"
      }
    }
  },
  schema: {
    parse: function(data) {
      var res = [];
      $.each(data.data, function(idx, elem) {
        res.push(elem.businessPartner);
      });
      return res;
    }
  }
});

$("#grid").kendoGrid({
  //rowTemplate: kendo.template($("#rowTemplate").html()),
  dataSource: dataSource,
  height: 250,
  filterable: true,
  sortable: true,
  pageable: true,
  columns: [{
    field: "code",
    title: "Nummer",
    filterable: false
  }, {
    field: "name",
    title: "Kunde"
  }, {
    field: "city",
    title: "Ort"
  }]
});