2013-02-20 77 views
1

我从我的Java脚本内部生成4个输入字段。但是现在我想使用dojo TextBox dijit来进行输入。 如何将我的输入标签转换为dojo TextBox?使用java脚本将HTML输入标记转换为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); 
+0

http://dojotoolkit.org/reference-guide/1.8/dijit/form/TextBox.html – 2013-02-20 11:56:56

+1

你的'input'字段是如何生成的?你所需要做的就是以编程方式创建'dijit/form/TextBox'小部件(并将它们放置在某个地方)。链接@KostiaShiian提供给你足够的信息来向你介绍如何创建这些小部件。 – Default 2013-02-20 19:43:26

+0

@默认....我添加了我的当前代码 – Water 2013-02-21 05:38:32

回答

3

我可以看到你所需要“道场/ DOM级”为了用它来类添加到您的DOM节点。现在,您还需要“dijit/form/TextBox”。您需要一些DOM节点来放置新的TextBox小部件,例如<div id="input_container"></div>。当你有一个,他们创造并插入他们是那样简单:

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

这将创建一个新的的dijit /表格/文本框控件并将其放置在div与“input_container”作为其ID。您不必立即将您的窗口小部件放置在DOM结构中,因为您可以看到in this fiddle,您还可以将新的TextBox窗口小部件分配给您可以随后放置在其中的变量。

在附注中,我看到您正在使用document.createElement()和原生appendChild()方法。这些不是每个浏览器的标准,所以你可能会依靠这些方法在浏览器之间出现一些奇怪的问题。 Dojo提供了一个很好的dojo/dom-construct模块,为您提供类似的方法,并自行处理不同的浏览器实现(因此您不必担心它)。

+0

thnx真的帮助我。 – Water 2013-02-25 08:30:20