oData

by theDon911

HTML

<!DOCTYPE html>
<html>
<head>
        <link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css" rel="stylesheet" />
        <link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css" rel="stylesheet" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>         
</head>
 
<body>
    
    <div style="width:500px; height: 250px; margin: 10px; border: solid 1px red;">
        <div id="grid"></div>
    </div>

</body>
</html>

JavaScript

$(function() {    
    $("#grid").kendoGrid({
        dataSource: {
            transport: {
                read: {                  
                    url: "http://mobiledata.octitle.com/TA2Service/Branches.svc/Branches",
                    dataType: "odata"
                } 
            } 
        },
        height: 200,
        columns: [
            {field: "BranchSK"},
            {field: "BranchName"}
            ]
    });
    
});