Dojo ConfirmDialog Hiding Cancel Button

October 16, 2022 Post a Comment

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 )

Baca Juga

require(["dijit/ConfirmDialog", "dojo/dom-style", "dojo/domReady!"], function(ConfirmDialog, domStyle){
    myDialog = new ConfirmDialog({
        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);
    });
    
});

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/claro/claro.css"  />

<body class="claro">
  <div class="dialog"></div>
  <button onclick="myDialog.show();">show</button>
  <button id="switch" >enable/Disable cancel button</button>
</body>

JavaScript Controls

Dojo ConfirmDialog Hiding Cancel Button

Solution 1:

Post a Comment for "Dojo ConfirmDialog Hiding Cancel Button"