Динамическое создание кнопок в DOJO - PullRequest
Новая
       29

Динамическое создание кнопок в DOJO

0 голосов
/ 02 ноября 2018

Я пытаюсь выучить DOJO, используя JS fiddle.

Я хочу написать код для создания кнопок (теперь я знаю код для создания кнопок).

Но я хочу сделать это динамическим с помощью цикла, который создает n кнопок. И n это число, которое определено (как 2,3 ..)

1 Ответ

0 голосов
/ 06 ноября 2018

Это простая задача, вам нужно просто выполнить цикл for / while

и используйте программные кнопки создания и функции виджета PlaceAt, чтобы поместить созданную кнопку в родительский элемент (здесь элемент div)

См. Ниже фрагмент: или это 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>
...