Javascript Dojo/Dijit 单选按钮点击事件不会在再次点击同一按钮时触发

Question

我可以创建带有单击事件的Dijit单选按钮，它们工作正常。但是，当再次单击同一按钮(即当前选中的按钮(时，不会触发单击事件。如何使再次单击当前选中的单选按钮时可以使用事件回调？

我正在使用dijit/form/RadioButton"。

我按语法顺序创建单选按钮，如下所示：

var aRadioButton = new RadioButton({
  checked: someBooleanValue,
  value: someValue,
  name: someName,
  onClick: lang.hitch(this, buttonCallback) // This works, except for when same button is clicked.
});

Answer 1

默认情况下，

Dojo 不支持RadioButton的这种行为。

作为文件_RadioButtonMixin.js中函数_onClick的猴子路径的替代，您可以直接在 dom 本身上添加一个事件侦听器，在本例中，我在 RadioButton 上使用 focusNode .

现场示例：

https://jsfiddle.net/gibbok/kwdy5gqc/

  require([
  "dojo/on",
  "dojo/parser",
  "dijit/form/RadioButton",
  "dijit/form/Button", // used for example purpose
  "dojo/domReady!"
], function(on, parser, RadioButton) {
  var radioOne = new RadioButton({
    checked: true,
    value: "tea",
    name: "drink"
  }, "radioOne");
  var radioTwo = new RadioButton({
    checked: false,
    value: "coffee",
    name: "drink"
  }, "radioTwo");
  var signal = on(radioOne.focusNode, "click", function(event) {
    // this code will fire when domNode is clicked
    alert('click on input tea');
  });
  var signal = on(radioTwo.focusNode, "click", function(event) {
    // this code will fire when domNode is clicked
    alert('click on input cafee');
  });

  parser.parse();
});

---

<form id="myform">
  <input type="radio" name="drink" id="radioOne" checked value="tea" />
  <label for="radioOne">Tea</label>
  <br />
  <input type="radio" name="drink" id="radioTwo" value="coffee" />
  <label for="radioTwo">Coffee</label>
  <br />
  <button data-dojo-type="dijit/form/Button" type="button">
    Show form submit value
    <script type="dojo/on" data-dojo-event="click">
      require(["dojo/dom"], function(dom){ with(dom.byId('myform'))with(elements[0])with(elements[checked?0:1])alert(name+'='+value); return false; });
    </script>
  </button>
</form>