Kendo UI Grid with Twitter Integration via JSONP

by Patrick Brunner

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/examples/shared/styles/examples.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"}
    ]
});