如何向w2layout添加标准元素（例如按钮）

Question

我使用 w2ui 组件开发 JavaScript 前端。

我有一个嵌套的 w2layout 设置，如下所示

  let layout = new w2layout(outerConfig.layout);
  let grid = new w2grid(outerConfig.grid);
  let formLayout = new w2layout(innerConfig.layout);
  let form = new w2form(innerConfig.form);
  let btn = document.createElement ('button');
  btn.className = "w2ui-btn";
  btn.innerText = "test",
        
  layout.render('#outerdiv');
  layout.html('left', grid);
  layout.html('main', formLayout);
  formLayout.html('main', form);
  formLayout.html('bottom', btn);

在“底部”显示文本而不是显示按钮本身： [对象 HTMLButtonElement]

如果我添加 div 而不是按钮，也会发生同样的情况。

但是，如果我将 w2grid 对象添加到“底部”，它会显示正常。所以布局结构工作得很好。

（我不想使用表单的 actions 属性，因为我想动态添加和删除位于“底部”的 div 中的按钮）

如何让 w2layout 正确显示非 w2ui 元素？

谢谢你。

Answer 1

尝试改变...

formLayout.html('bottom', btn)

与：

formLayout.html('bottom', btn.getHTML())

问题可能发生是因为

formLayout.html()

没有使用

btn.toString()

而是其他 stringyfier...