Declare experimentation

Trying to work out declare issues

by brianarn

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/resources/dojo.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css">
<h3>Output</h3>
<ul id="out"></ul>

JavaScript

dojo.require('dijit._Widget');
dojo.require('dijit._Templated');
dojo.require('dijit._Container');
dojo.require('dijit._Contained');
dojo.require('dijit.layout.AccordionContainer');

// Simple output utility
function log() {
    var out;
    for (var i = 0, l = arguments.length; i < l; ++i) {
        out = arguments[i];
        console.log(out);
        dojo.create('li', {
            innerHTML: out.toString()
        }, 'out');
    }
}

dojo.ready(function() {
    log('Starting');
    dojo.declare('myNavBar', [dijit._Widget, dijit._Templated, dijit._Container, dijit._Contained], {
        templateString: '<div>Foo</div>'
    });
    dojo.declare('myAccordionNav', [myNavBar, dijit.layout.AccordionContainer], {
        templateString: '<div>Bar</div>'
    });
    
    foo = new myNavBar({}).placeAt(dojo.body(), 'last').startup();
    bar = new myAccordionNav({}).placeAt(dojo.body(), 'last').startup();
    
    log('Success!');
});