Kendo UI Grid

Local data, mobile scrolling.

by chanaka1

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.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
    <div id="policySplitter">
        <div id="policyTree" style="overflow: hidden;">
            <div id="treeView"></div>
        </div>
        <div id="policyDetails" style="overflow: hidden;">
            <div id="policyGrid"></div>
        </div>
    </div>

JavaScript

$(document).ready(function() {

    var people = [ { firstName: "John", 
                 lastName: "Smith", 
                 email: "[email protected]" },
               { firstName: "Jane", 
                 lastName: "Smith", 
                 email: "[email protected]" },
               { firstName: "Josh", 
                 lastName: "Davis", 
                 email: "[email protected]" },
               { firstName: "Cindy", 
                 lastName: "Jones", 
                 email: "[email protected]" } ];

    $("#policySplitter").kendoSplitter({

        panes: [

            { collapsible: false, size: "200px" },

            { collapsible: true, size: "250px", min: "150px", max: "400px;" },

        ],

        orientation: "vertical"

    });

    var treeView = $("#treeView").kendoTreeView({

        dragAndDrop: true,
        dataSource: [

            {"parentOrganizationId":"00000000-0000-0000-0000-000000000000","parentContainerId":"00000000-0000-0000-0000-000000000000","id":"00000000-0000-0000-0000-000000000001","text":"Templates","imageUrl":"http://demo.joomla6teen.com/obituarymanager/components/com_obituary/assets/images/organization_icon.png","type":1,"expanded":true,"selected":false,"isSystem":true,"items":[{"parentOrganizationId":"00000000-0000-0000-0000-000000000001","parentContainerId":"00000000-0000-0000-0000-000000000000","id":"00dffd15-a2f6-48fd-b7aa-635f73fa0d4e","text":"File Management","imageUrl":"http://www.iconfinder.com/ajax/download/png/?id=44258&s=16","type":131072,"expanded":false,"selected":false,"isSystem":true,"items":null},{"parentOrganizationId":"00000000-0000-0000-0000-000000000001","parentContainerId":"00000000-0000-0000-0000-000000000000","id":"bcf49bec-cff6-4a6e-9491-6aa46c0eb2c4","text":"Windows...