Default Datasource

by grippstick

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
<div id='widgetGrid'>
</div>

JavaScript

var data = JSON.parse('[[1,"balls"],[2,"bangs"],[3,"bucks"]]');

var configs = [{
  FieldName: "Field1",
  Width: 100
}, {
  FieldName: "Stringy",
  Width: 500
}];


var ds = new kendo.data.DataSource({
  data: data,
  schema: {
    model: {
      Field1: {
        type: "number"
      }
    },
    parse: (items) => {
      return items.map((item) => {
        var res = {}

        configs.forEach((config, index) => {
          res[config.FieldName] = item[index];
        });
        return res;
      });
    }
  }
});
var tmp = {
  field: "",
  balls: ""
};
var grid = $('#widgetGrid').kendoGrid({
  columns: configs.map((config) => {
    return {
      field: config.FieldName,
      width: config.Width,
    };
  }),
  dataSource: ds
});