Question

我喜欢

var d=dojo.byId('elem');

我想在我的代码中放入三个按钮（当我点击其他div时，我已经点击了click事件）。我试过了

var button = new dijit.form.Button({
            label: "Click me!",
            onClick: function() {
            }
        },
        "progButtonNode");

和

d.appendChild(button);

但它不起作用。有人可以帮忙吗？

Answer 1

或者：

var button = new dijit.form.Button({
            id: "progButtonNode",
            label: "Click me!",
            onClick: function() {
            }
        }, d);

或

var button = new dijit.form.Button({
            id: "progButtonNode",
            label: "Click me!",
            onClick: function() {
            }
        });

d.appendChild(button.domNode);   // Should use dojo.place()

dijit的第二个参数是容器DOM节点（在你的情况下是“elem”），而不是你的dijit的节点。

返回的对象是 dijit对象，不是 DOM节点。使用“domNode”属性获取dijit的DOM节点。

小心避免使用具有相同ID的多个按钮。应该为每个按钮生成一个新的id，或者让dijit为你生成它们。

Answer 2

要以编程方式创建dojo按钮，节点“progButtonNode”必须存在于页面上。例如 HTML： ... ＆LT;身体GT; ＆lt; button id =“progButtonNode”type =“button”＆gt; ＆LT; /按钮＆GT; ＆LT; /体＆GT; ...

使用Javascript：

...
  dojo.require("dijit.form.Button");

            dojo.addOnLoad(function() {
                // Create a button programmatically:
                var button = new dijit.form.Button({
                    label: "Click me!",
                    onClick: function() {
                        // Do something:
                        dojo.byId("result1").innerHTML += "Thank you! ";
                    }
                },
                "progButtonNode");

            });
...

道场按钮examples

添加按钮到div问题

2 个答案: