EmployeeWidget.js

by Lavakumar T

HTML

require([ "dojo/_base/declare",
          "dojo/dom-construct",
          "dojo/parser",
          "dojo/ready",
          "dijit/_WidgetBase"],
            function (declare, domConstruct, parser, ready, _WidgetBase){
				declare ("EmployeeWidget",[_WidgetBase],{
					i : 10,
					name : '',
					age : 0,
					title : '',
					displayType:'G',	
					constructor : function(){
						//alert("1.constructor");
						this.i = 30;
					},
					postMixInProperties : function(){
						console.log("2.postMixInProperties");
						this.i = 20;
					},
					buildRendering : function(){
						console.log("3.buildRendering");
						fnDataCallback(this.displayType);
						this.domNode = domConstruct.create("h3",{innerHTML: this.title});
					},
					_setNameAttr : function(name){
						this.name = name;
					},
					_setAgeAttr : function(age){
						this.age = age;
					},
					postCreate : function(){
						console.log("4.postCreate");
					},
					startUP : function(){
						console.log("5.postCreate");
					}
				});

});

var fnChart = function (empArray) {
		var chart = new CanvasJS.Chart("chartContainer", {
				title: {
					text: ""
				},
				data: [{
					type: "column",
					dataPoints: empArray
				}]
		});
		chart.render();
	}
	
var fnDataCallback = function(displayType){
	//require([ "src/EmployeeWidget" ]);
	var grid, dataStore, store;
	require([
		"dojox/grid/DataGrid",
		"dojo/store/Memory",
		"dojo/data/ObjectStore",
		"dojo/request",
		"dojo/domReady!"
	], function(DataGrid, Memory, ObjectStore,request){
		request.get("https://api.myjson.com/bins/7pjv9", {
			handleAs: "json"
		}).then(function(data){
			if(displayType =="G"){
				store = new Memory({ data: data.items });
				dataStore = new ObjectStore({ objectStore: store });
				grid = new DataGrid({
					store: dataStore,
					query: { id: "*" },
					structure: [
						{ name: "EMP ID", field: "sapid", width: "70px" },
						{ name: "First Name", field: "firstname", width: "84px" },
						{ name: "Last...