Changing title of dojo dialog dynamically when refreshes the dialog
http://stackoverflow.com/questions/10921476/changing-title-of-dojo-dialog-dynamically-when-refreshes-the-dialog
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/claro/claro.css">
<style type="text/css">
body, html, #appLayout {
height: 100%;
width: 100%;
}
</style>
<div id="appLayout">
<a id="start">Click to Start</a>
</div>
JavaScript
require(["dojo/dom-construct", "dijit/Dialog", "dijit/form/Button", "dojo/domReady!"], function(domConstruct, Dialog, Button, query){
dojo.connect(dojo.byId("start"), 'onclick', function() {
var dlg = new Dialog({ title: 'start' });
var ul = domConstruct.create('ul', {}, dlg.containerNode);
var nums = [1,2,3,4,5];
dojo.forEach(nums, function(i) {
var li = domConstruct.create('li', {}, ul);
var newTitle = 'Pane ' + i;
li.innerHTML = 'Click change title to ~' + newTitle + '~';
dojo.connect(li, 'onclick', function() {
dlg.set('content', newTitle);
});
});
dlg.show();
});
});