Example for Gist STYLIN by roachhd

index.html

 
<body>
  
  <div id="root" class="container"></div>
 
  <script type="text/x-kendo-template" id="layout-template">
    <ul data-role="menu">
      <li>
        <a href="#">Home</a>
      </li>
      <li>
        <a href="#/orders">Orders</a>
      </li>
      <li>
        <a href="#/products">Products</a>
      </li>
    </ul>

app.js

(function () {
 
  // declare thee datasource outside of the grid
  // so we can control which page of data to show
  var dataSource = new kendo.data.DataSource({
    type: 'odata',
    transport: {
      read: 'http://demos.kendoui.com/service/Northwind.svc/Orders'
    },
    pageSize: 20,
    serverPaging: true
  });