javascript - 如何为特定的 HTML Div 创建 dijit/Dialog 并使用 Div 的元素作为其内容？

Question

从http://dojotoolkit.org/reference-guide/1.9/dijit/Dialog.html学习，我知道如何以编程方式和动态创建 dijit/Dialog 小部件。但是现在我需要在我们的应用程序中更新一个表单的实现，它有很多输入。我想为特定的 DIV 创建一个 dijit/Dialog，并希望它的 div 元素将是这个对话框的元素。这怎么可能？

Answer 1

请尝试以下代码。div此代码将从其父节点中删除您的节点。div将被移动到body标签中。

dojo.require("dijit.Dialog");

var myDialog=new dijit.Dialog(
    {
        title:"Dialog Title",
        content:dojo.byId("divNodeID")
    }
);

myDialog.show();

希望这对您有所帮助。谢谢！

Answer 2

如果你用将创建对话框的 HTML 包围你，它应该可以工作。

例如，如果您的代码是：

<form>
   ... some HTML ...
</form>

然后考虑编码：

<div data-dojo-type="dijit/Dialog" data-dojo-id="myDialog" title="MyTitle">
   <form>
      ... some HTML ...
   </form>
</div>