jimholmes/KendoGrid.html

## KendoGrid.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Local References</title>
    <link href="content/kendo.common.min.css" rel="stylesheet" />
    <link href="content/kendo.default.min.css" rel="stylesheet" />
    <script src="scripts/jquery.min.js"></script>
    <script src="scripts/kendo.web.min.js"></script>
</head>
<body>
    <p>text</p>
    <div id="grid"></div>

    <script>

        var tgt = "http://localhost/demosite/api/contact/";
        var contactSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: tgt
                }
            }
        });

        var tempSource = new kendo.data.DataSource({
            data:
                [
                    {
                        "LName" : "Holmes"
                    },
                    {
                        "LName": "Johnson"
                    }
                ]
        })

        $("#grid").kendoGrid({
            datasource: contactSource
        })

        </script>

</body>
</html>
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>Local References</title>
	<link href="content/kendo.common.min.css" rel="stylesheet" />
	<link href="content/kendo.default.min.css" rel="stylesheet" />
	<script src="scripts/jquery.min.js"></script>
	<script src="scripts/kendo.web.min.js"></script>
	</head>
	<body>
	<p>text</p>
	<div id="grid"></div>

	<script>

	var tgt = "http://localhost/demosite/api/contact/";
	var contactSource = new kendo.data.DataSource({
	transport: {
	read: {
	url: tgt
	}
	}
	});

	var tempSource = new kendo.data.DataSource({
	data:
	[
	{
	"LName" : "Holmes"
	},
	{
	"LName": "Johnson"
	}
	]
	})

	$("#grid").kendoGrid({
	datasource: contactSource
	})

	</script>

	</body>
	</html>