KendoUI-SimpleGrid

by JayData

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<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://jaydata-cdn.s3.amazonaws.com/datajs-1.0.3.js"></script>
<script src="http://include.jaydata.org/1.2.7/jaydata.js"></script>
<script src="http://include.jaydata.org/1.2.7/jaydatamodules/kendo.js"></script>
<script src="http://jaydata.org/examples/content/scripts/NorthwindContext.js"></script>
<div id="grid"></div>

JavaScript

//jQuery.support.cors = true;
//OData.defaultHttpClient.enableJsonpCallback = true;
//northwind.prepareRequest = function(cfg){};
northwind.onReady(function() {
    //northwind.storageProvider.providerConfiguration.enableJSONP = true;
    northwind.storageProvider.providerConfiguration.oDataServiceHost = 'http://jaydata.org/examples/Knockoutjs/Northwind.svc';
    var options = {
        dataSource: northwind.Categories.asKendoDataSource({
            pageSize: 25,
            batch: false
        }),
        filterable: true,
        sortable: true,
        pageable: true,
        height: 500,
        columns: northwind.Categories.asKendoColumns(),
        editable: "popup"
    };
    $('#grid').kendoGrid(options);
});