kjelelokk

## amd_define_signature
define(id?, dependencies?, factory);

## dojo_namedClass.js
/* En navnegitt klasse */
var MyClass = declare('MyClass', null, {
    // Mine funksjoner og properties
});

## dojo_anonymouseClass.js
/* Anonym klasse */
var MyClass = declare(null, {
    // Mine funksjoner og properties
});

## dojo_classInheritance.js
// Klasse A
var A = declare(null, {
    // Noen properties
    propertyA: 'Yes',
    propertyB: 2
});

// Klasse B
var B = declare(A, {
    // Noen properties

## dojo_classInheritanceResult
A: No
B: 99
C: true
D: false

## dojo_define.js
define([
    '_MyMixin',
    'myWidget'
], function (_MyMixin, myWidget)
{
    return declare('my.widget.name', [_MyMixin, myWidget], {
        myProperty: 'prop',
        myFunction: function () {
            console.log('hei hei ' + propertyFromMyWidget);
        },

## dojo_require.html
<html>
...

<div data-dojo-type="myWidget"></div>

<script>
    require(
         ['demo/myWidget',
         'dojo/parser',
         'dojo/domReady!'],

## dojo_template.html
<div>
    <p>This is from a template.</p>
    <button data-dojo-type="dijit.form.Button" >My button</button>
</div>

## dojo_myTemplateModule.js
define([
    'dojo/_base/declare',
    'dijit/_WidgetBase',
    'dijit/_TemplatedMixin',
    'dojo/text!./templates/template.html',
    'dijit/form/Button'
], function (declare, _WidgetBase, _TemplatedMixin, template, button) {

    return declare('myWidget', [_WidgetBase, _TemplatedMixin], {
 	templateString: template,

## dojo_templateIndex.html
<!DOCTYPE HTML>
<html>
    <head>
	<meta charset="utf-8" />
	<title>Dojo test</title>
	<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
	<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
    </head>
    <body class="claro">
	<h1>This is a template test:</h1>
	/* En navnegitt klasse */
	var MyClass = declare('MyClass', null, {
	// Mine funksjoner og properties
	});
	/* Anonym klasse */
	var MyClass = declare(null, {
	// Mine funksjoner og properties
	});
	// Klasse A
	var A = declare(null, {
	// Noen properties
	propertyA: 'Yes',
	propertyB: 2
	});

	// Klasse B
	var B = declare(A, {
	// Noen properties
	define([
	'_MyMixin',
	'myWidget'
	], function (_MyMixin, myWidget)
	{
	return declare('my.widget.name', [_MyMixin, myWidget], {
	myProperty: 'prop',
	myFunction: function () {
	console.log('hei hei ' + propertyFromMyWidget);
	},
	<html>
	...

	<div data-dojo-type="myWidget"></div>

	<script>
	require(
	['demo/myWidget',
	'dojo/parser',
	'dojo/domReady!'],
	<div>
	<p>This is from a template.</p>
	<button data-dojo-type="dijit.form.Button" >My button</button>
	</div>
	define([
	'dojo/_base/declare',
	'dijit/_WidgetBase',
	'dijit/_TemplatedMixin',
	'dojo/text!./templates/template.html',
	'dijit/form/Button'
	], function (declare, _WidgetBase, _TemplatedMixin, template, button) {

	return declare('myWidget', [_WidgetBase, _TemplatedMixin], {
	templateString: template,
	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Dojo test</title>
	<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
	<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.1/dojo/dojo.js" data-dojo-config="isDebug: true, async: true, parseOnLoad: true"></script>
	</head>
	<body class="claro">
	<h1>This is a template test:</h1>