使用此代码:
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节点,因此不会触发您的事件.
原文地址:https://codeday.me/bug/20191012/1899556.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。