Javascript-Dojo无法以编程方式连接djits吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-Dojo无法以编程方式连接djits吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1391字，纯文字阅读大概需要2分钟。

内容图文

使用此代码：

var d = new dijit.Dialog({
    title: "Programatic Dialog Creation",
    style: "width: 300px",
});
var button1 = new dijit.form.Button({'label': 'one', 'onClick': function () {
        alert('one')
}});

var button2 = new dijit.form.Button({'label': 'two', 'onClick': function () {
        alert('two');
}});
d.attr("content", button1 + ' | ' + button2);
d.show();

预期结果：带有两个按钮的对话框

实际结果：带有文本的对话框

[Widget dijit.form.Button, dijit_form_Button_4] | [Widget dijit.form.Button, dijit_form_Button_5]

我究竟做错了什么？完成这项任务的正确方法是什么？
我尝试过dojo.place和dojo.query没有成功.

解决方法:

您正在混合Dijit对象,DOM节点和字符串.

将Dijits放入Dialog或任何容器小部件的正确方法是：

dojo.place(button1.domNode, d.containerNode);
dojo.place(button2.domNode, d.containerNode);
d.show();

或者,您可以在创建Dijit对象时调用placeAt()方法：

var button1 = new dijit.form.Button({'label': 'one', 'onClick': function () {
    alert('one')
}}).placeAt(d.containerNode);

您得到了结果,因为基本上发生的是

d.attr("content", button1.toString() + '|' + button2.toString());

另请注意,可以通过以下方式插入字符串：

var button1Html = dojo.create("div").appendChild(button1.domNode).parentNode.innerHTML;
var button2Html = dojo.create("div").appendChild(button2.domNode).parentNode.innerHTML;
d.set("content", button1Html + "|" + button2Html);

但它不起作用,因为它会创建未在Dijit对象(按钮)中引用的新DOM节点,因此不会触发您的事件.

内容总结

以上是互联网集市为您收集整理的Javascript-Dojo无法以编程方式连接djits吗？全部内容，希望文章能够帮你解决Javascript-Dojo无法以编程方式连接djits吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端