Dojo декларативный ConfirmDialog скрывая кнопку отмены - PullRequest
Новая
       24

Dojo декларативный ConfirmDialog скрывая кнопку отмены

0 голосов
/ 18 февраля 2019

Этот вопрос показывает, как скрыть кнопку отмены на программном ConfirmDialog в Dojo.

Как сделать то же самое, то есть скрыть кнопку Cancel, еслиConfirmDialog декларативно, как показано ниже в шаблоне HTML: 

<div class="confirmDialog" 
     data-dojo-type="dijit/ConfirmDialog" 
     data-dojo-attach-point="confirmDialogAttachPoint" 
     data-dojo-props="title:'MyDialog', content:'Some Content', closable:false" 
     data-dojo-attach-event="onExecute:doSomething">
</div>

Выполнение следующих функций в postCreate соответствующего виджета работает: 

domStyle.set(this.confirmDialogAttachPoint.cancelButton.domNode, "display", "none");

Однако я хочу знать/ узнать, можно ли это сделать декларативно в самом файле HTML.

1 Ответ

0 голосов
/ 18 февраля 2019

просто добавив CSS к своему виджету, CSS скрывает вашу кнопку: 

.dijitDialogPaneActionBar .dijitButton:nth-child(2) {
  display: none;
}

См. Фрагмент ниже: 

require(["dijit/ConfirmDialog", "dijit/form/TextBox", "dijit/form/Button"]);
    .dijitDialogPaneActionBar .dijitButton:nth-child(2) {
      display: none;
    }
<script type="text/javascript">
  dojoConfig = {
    isDebug: true,
    async: true,
    parseOnLoad: true
  }
</script>

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

<body class="claro">

  <div data-dojo-type="dijit/ConfirmDialog" data-dojo-id="myDialog" title="dialog">
    Hi !
  </div>

  <button data-dojo-type="dijit/form/Button" type="button" onClick="myDialog.show();">
    Show me!
</button>
</body>
...