Dojo Confirmdialog Hiding Cancel Button
I have a dojo ConfirmDialog as below: this.myDialog = new ConfirmDialog({ title: 'My Dialog', content: 'Do you want to continue?',
Solution 1:
The cancelButton
is a button Dijit
, if you want to hide / show this last ,
you've to access it's domNode by smply typing this.myDialog.cancelButton.domNode
and use the dojo/dom-style
to hide /show as below
let cancelBtnDom = this.myDialog.cancelButton.domNode;
domStyle.set(cancelBtnDom, 'display', 'none');
see below working wnippet (disable enable using external button )
require(["dijit/ConfirmDialog", "dojo/dom-style", "dojo/domReady!"], function(ConfirmDialog, domStyle){
myDialog = newConfirmDialog({
title: "My ConfirmDialog",
content: "Test content.",
style: "width: 300px"
},"dialog");
let cancelBtn = myDialog.cancelButton.domNode;
let switchBtn = document.getElementById("switch");
switchBtn.addEventListener("click",function(){
let display = domStyle.get(cancelBtn, "display") !== "none" ? "none" : "";
console.log(display);
domStyle.set(myDialog.cancelButton.domNode, 'display', display);
});
});
<scriptsrc="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script><linkhref="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css" /><bodyclass="claro"><divclass="dialog"></div><buttononclick="myDialog.show();">show</button><buttonid="switch" >enable/Disable cancel button</button></body>
Post a Comment for "Dojo Confirmdialog Hiding Cancel Button"