javascript - 如何向页面添加新的 Dijit 小部件？

Question

我有一个输入数量可变的表单。我正在寻找的行为是有一个链接，用户可以在其中单击并向可以填写的表单添加新的输入。像这样

HTML:

<form id="myform">  
  <input data-dojo-type="dijit.form.Textarea"/>  
  <a href="#" onclick="add_new_input()"> add a new input</a>  
</form> 

JavaScript:

<script>  
  function add_new_input(){  
    var newInput = $("<input data-dojo-type='dijit.form.Textarea'/> ");  
    $('#myform').append(newInput);  
  }  
</script> 

这将向 HTML 添加常规文本输入，而不是 dijit 小部件!你有什么建议吗？

我还通过为输入文件定义一个类并将输入类型绑定(bind)到 ($document).ready() 上来做到这一点，但这也不起作用! :(

Answer 1

这是一个非常简单的问题，可以通过以编程方式创建 Textarea 小部件来解决(如@Paul Grime 所述)。你可以see my example here链接创建的所有文本区域都是 Dijit 小部件。我没有在我的 fiddle 中使用 jQuery，但您需要做的就是将 add_new_input 函数更改为

function add_new_input (){
  var newInput = new Textarea({

    // Your custom properties here.

  });
  domConstruct.place(newInput.domNode, "myform");

  // Can alternatively place it as so if you don't want to use the
  // dojo/dom-construct module...
  // dojo.byId('myform').appendChild(newInput.domNode);   

  // Or with jQuery...
  // $("myform").append(newInput.domNode);
}