使用Javascript函数创建DOJO按钮会导致创建的按钮发生冲突

Question

我对英语中的任何错误表示歉意，我是巴西人。

我有一个带DOJO库的网站，我在很多方面都使用它。

我在javascript中创建按钮有一些困难。

我写了一个函数来创建按钮，它正在工作，创建按钮。

但是，当创建一个新按钮时，前一个按钮会丢失“onclick”事件。

可在此处查看：http://jsbin.com/xuzevi/edit?html,js,output

要创建按钮，我使用了以下代码：

require([ 'dojo/dom', 'dojo/parser', 'dijit/form/Button', 'dojo/domReady!' ], 
        function( dom, parser, Button)
        {
            var div_Compra = document.getElementById(p_Div);
            if( ! div_Compra ) { console.log('ERRO - div_Compra: '+p_Div); return false; }

            var botao = new Button({ label: '' });
            if( ! botao ) { console.log('ERRO - botao'); return false; }

            botao.startup();
            botao.set('iconClass', 'dijitEditorIcon dijitEditorIconSelectAll');
            botao.set('showLabel', false);
            botao.placeAt(div_Compra);
            botao.on('click', function() { Mensagem(p_Indice); }); 
        }
);

感谢。

Answer 1

来自https://davidwalsh.name/dojo-widget

• 要以编程方式创建窗口小部件，您需要创建DOM节点，这些节点充当未来窗口小部件的占位符

并阅读：https://davidwalsh.name/dojo-behavior

• 使用dojo.behavior创建窗口小部件

  • 创建小部件是一个更好的机会，可以使用dojo.behavior：

Answer 2

对于像我这样来到这里的其他人，还有一些链接：

HTML DOM appendChild（）方法

• https://www.w3schools.com/jsref/met_node_appendchild.asp

Node.appendChild()方法将节点添加到指定父节点的子节点列表的末尾。

• https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild