dojo bordercontainer test

by seo gyeongseok

HTML

<div id='borderContainerThree'>

</div>

CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
}

#borderContainerThree {
    width: 100%;
    height: 100%;
    overflow:hidden;
    border: none;
}

JavaScript

require([
	"dojo/_base/declare",
    "dijit/_WidgetBase",
    "dijit/_TemplatedMixin",
    "dijit/_WidgetsInTemplateMixin",
    "dijit/layout/BorderContainer",
    "dijit/layout/ContentPane"
], function(
	declare,
    _WidgetBase,
    _TemplatedMixin,
    _WidgetsInTemplateMixin,
    BorderContainer,
    ContentPane
) {
	var name = 'MyDijit';
    var parent = [
    	BorderContainer,
        _TemplatedMixin,
        _WidgetsInTemplateMixin
    ];
    
    var MyDijit = declare(name, parent, {
    	templateString:
'<div style="width: 100%; height: 100%;">' +
                    //'<div data-dojo-type="dijit/layout/BorderContainer" design="headline" ' +
                    //'  style="width: 100%; height: 100%;" data-dojo-attach-point="outerBC">' +
                    '<div data-dojo-type="dijit/layout/ContentPane" region="center">MyDijit - Center content goes here.</div>' +
                    '<div data-dojo-type="dijit/layout/ContentPane" region="bottom">MyDijit - Bottom : ' +
                    
                    //'</div>' +
                    '</div></div>'
    });
    
    require(["dojo/dom", "dojo/dom-construct"], function(dom, domConstruct){
        // Create a new instance
		var newdijit = new MyDijit();
		newdijit.placeAt(dom.byId('borderContainerThree'));
		newdijit.startup();
	});
});