在 DOJO 中动态创建按钮答案

【问题标题】：Dynamically creating buttons in DOJO在 DOJO 中动态创建按钮
【发布时间】：2018-11-02 16:55:58
【问题描述】：

我正在尝试使用 JS fiddle 学习 DOJO。

我想编写一个创建按钮的代码（我现在知道创建按钮的代码）。

但我想通过一个循环来使这个动态化，它会创建 n 个按钮。而 n 是一个已定义的数字（如 2,3 ..）

【问题讨论】：

标签： javascript for-loop foreach dojo dijit.form

【解决方案1】：

这是一个简单的任务，您只需使用 for / while 循环进行迭代

并使用编程按钮创建和 PlaceAt 小部件功能将创建的按钮放置在父元素（此处为 div 元素）中

参见下面的 sn-p : 或者这个FIDDLE

require(["dojo/dom", "dojo/ready", "dojo/dom-construct", "dijit/form/Button"], function(dom, ready, domConstruct, Button) {
  ready(function() {
    
    var number =  prompt("Please enter a number",3)

    for(var i=1 ; i<= number; i++) {
      new Button({
         
        label: "Button n°"+i,
        onClick: function(){
            alert('I\'m a Button');
        }
      }).placeAt("btnContainer");
      
    }    
    
  })
});

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

<body class="claro">

  <div id="btnContainer"></div>

</body>

【讨论】：