javascript - 使用 javascript 将 HTML 输入标签转换为 Dojo TextBox

Question

我正在从我的 Java 脚本中生成 4 个输入字段。但是现在我想使用 dojo TextBox dijit 来获取输入。如何将我的输入标签转换为 dojo TextBox？

这是目前的代码...

var container = document.createElement("span");
domClass.add(container, "Class name");
var input = document.createElement("input");
input.type = "text";
input.name = "textinput";
domClass.add(input, "Some Class name");
container.appendChild(input);

Answer 1

我可以看到您需要 “dojo/dom-class” 以便使用它向您的 DOM 节点添加类。现在您还需要"dijit/form/TextBox"。您将需要一些 DOM 节点来放入新的 TextBox 小部件，例如 <div id="input_container"></div> .当你拥有它时，创建它们并插入它们就像这样简单:

new TextBox({
   name: "textinput",
   // Additional properties...
}, "input_container");

这将创建一个新的 dijit/form/TextBox 小部件并将其放置在 div 中以“input_container”作为它的 id。您不必像我展示的那样立即将小部件放入 DOM 结构中，如您所见 in this fiddle ，您还可以将新的 TextBox 小部件分配给一个变量，您可以稍后将其放置在您想要的位置。

附带说明一下，我看到您正在使用 document.createElement()和本地appendChild()方法。这些不是每个浏览器的标准，因此您可能会依赖这些方法在浏览器之间遇到一些奇怪的问题。 Dojo 提供了一个很好的dojo/dom-construct模块为您提供类似的方法，并自行处理不同的浏览器实现(因此您不必担心)。