dojoEmployeeWidget.html

by Lavakumar T

HTML

<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<link rel="stylesheet" href="src/dijit/themes/claro/claro.css"	media="screen">
<link rel="stylesheet" href="src/dojox/grid/resources/claroGrid.css" media="screen">
</head>
<script>
	var dojoConfig = {
		baseUrl : "src",
		packages : [ {
			name : "dojo",
			location : "dojo"
		}, {
			name : "dijit",
			location : "dijit"
		}, {
			name : "dojox",
			location : "dojox"
		}, {
			name : "app",
			location : "app"
		}, ],
		parseOnLoad : true,
		async : true
	};
</script>
<script src="src/dojo/dojo.js"></script>
<script src="src/canvasjs/canvasjs.min.js"></script>
<script type="text/javascript">
	require([ "src/EmployeeWidget" ]);
</script>
<body class="claro">

<div id ="gridDataId" data-dojo-type="EmployeeWidget" data-dojo-attach-point="titleNode" data-dojo-props="title:'Employee Details',displayType:'G'"> </div>

<div id="grid"></div>
<div id="chartContainer" style="height: 400px; width: 100%;"></div>

<style>
#grid {
	width: 560px;
	height: auto;
}
* {
	outline: none !important;
}
th,td{
font-size: 11px !important;
}
</style>
</body>
</html>