Dojo 对话动态内容

Question

我想问你，如何使用 javascript 动态创建 HTML 内容。这意味着，我需要创建简单的 dojo 对话框，然后我用另一个 js 文件“告诉他”它可以显示哪些内容。 或者我有 html 文件，其中包含一些对 javascript 函数的调用，但它不起作用。显示静态标签，但 js 不呈现内容。像这样的 dojo 是可能的，因为我没找到。

米罗

Answer 1

在 dojo 中创建一个对话框并在页面上从 javascript 中为其提供一些内容非常容易。到目前为止，我发现的最简单的方法是在 dojo 风格的 javascript 中创建对话框，然后使用 dojo.create 在其 containerNode 中创建内容。

dojo.require('dijit.Dialog');

function showDialog() {
  var dialog = new dijit.Dialog({ title: 'Confirmation' });
  dojo.create('div', {
    innerHTML: 'Are you sure you want to do this?'
  }, dialog.containerNode /* the content portion of the dialog you're creating */);
  var div = dojo.create('div', {}, dialog.containerNode);
  dojo.create('a', {
    href: '#',
    innerHTML: 'Yes',
    onClick: function() {
      /* do yes stuff */
    }
  }, div);
  dojo.create('a', {
    href: '#',
    innerHTML: 'No',
    onClick: function() {
      /* do no stuff */
      dialog.hide();
      dojo.destroy(dialog);
    }
  }, div);

  dialog.show();
}