JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dijit/themes/claro/claro.css">
<body class="claro"></body>
JavaScript
dojo.require("dijit.Dialog");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.CheckBox");
dojo.addOnLoad(function() {
showDlg = function() {
newDlg = new dijit.Dialog({
title: "Create E-Mail Recipient"
});
//recipient properties
dojo.create("div", {
innerHTML: "Name:"
}, newDlg.containerNode);
var div0 = dojo.create("div", {}, newDlg.containerNode);
var inp0 = new dijit.form.TextBox().placeAt(div0, "last");
dojo.create("div", {
style: {
marginTop: "2em"
},
innerHTML: "E-Mail address:"
}, newDlg.containerNode);
var div1 = dojo.create("div", {}, newDlg.containerNode);
var inp1 = new dijit.form.TextBox().placeAt(div1, "last");
var div3 = dojo.create("div", {
style: {
marginTop: "2em"
}
}, newDlg.containerNode);
var lbl0 = dojo.create("label", {
innerHTML: "Disable this recipient",
"for": "chk0"
}, div3);
chk0 = new dijit.form.CheckBox().placeAt(div3,"last");
var b1 = new dijit.form.Button({
label: "OK",
onClick: function() {
console.log('onClick', this);
var newRecip = {
name: inp0.value,
email: inp1.value,
status: (chk0.checked ? 'Disabled' : 'Enabled'),
}
newRecipStr = "recipient is " + newRecip.name + ", mailto " + newRecip.email + ", and they are " + newRecip.status;
console.log(newRecipStr);
}
}).placeAt(newDlg.containerNode, "last");
new dijit.form.Button({
label: "Cancel"
}).placeAt(newDlg.containerNode, "last");
newDlg.show();
newDlg._position();
}
...