Кнопка Dojo не отключена

У меня проблемы с кнопкой додзе. Я хотел бы отключить другие кнопки Dojo, когда я нажимаю на кнопку.

var show = new Button({
    label: _('Button'),
    onClick: function () {                                                                                                                    
        var buttonsChange = query('.changeButton');
        buttonsChange.attr('disabled',true);        
    }
});

и HTML-код, сгенерированный это:

<span class="btn" dojoattachpoint="iconNode" dojoattachevent="ondijitclick:_onClick" widgetid="change_2">
    <button type="submit" dojoattachpoint="focusNode" tabindex="0"   id="change_2" class="changeButton" style="-webkit-user-select: none;">
            <span dojoattachpoint="containerNode">Change priority</span>
    </button>
</span>

Заранее спасибо.

1 ответ

Решение

Что вам нужно, это виджет (используя dijit/registry например). А не тот domnode

require(['dijit/form/Button', 'dijit/registry', 'dojo/query', 'dojo/domReady!'], function(Button, registry, query) { 

var testDiv = document.getElementById('test');

var btn1 = new Button({
    label: 'click to disable button 2 and button 3',
    onClick: function () {                                                                                                                    
      var buttonsChange = query('.changeButton');
      buttonsChange.forEach(function(button) {
        registry.byNode(button).set('disabled', true);
      });        
    }
}).placeAt(testDiv);
  
var btn2 = new Button({
    label: 'button 2',
    'class': 'changeButton'
}).placeAt(testDiv);
  
var btn3 = new Button({
    label: 'button 3',
    'class': 'changeButton'
}).placeAt(testDiv);
  
});
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/resources/dojo.css"> 
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dijit/themes/tundra/tundra.css">

<div class="tundra" id="test"></div>

Другие вопросы по тегам