如何将现有的 w2ui 网格复制到 div？

问题描述

我有一个应用程序，其中包含大量（约 50 个）网格，每个网格具有不同的字段/列结构（因此它们无法合并）。用户浏览应用程序，将记录添加到字段，并编辑这些记录。导航使用侧边栏，每个侧边栏元素加载不同的网格。

所有这些网格都是在启动时构建的，使用 github 上的 w2ui starter。网格和表单在配置文件中定义。 main.js 调用这些文件来创建每个网格：

 import ABCconf from './ABC-conf.js'
 $().w2grid(ABCconf.ABC_grid)

在创建路由的同一个文件中，是点击相应侧边栏元素时加载网格的逻辑：

w2ui.app_layout.html('main',w2ui.ABC_grid)

重要说明 - 这会在“主”面板中加载单个网格。我想在摘要页面上加载所有记录长度 >0 的网格，这意味着它们都需要进入一个面板（假设它是“主”）。我假设我会使用一系列适当命名的 div 元素，例如 div id='ABC'。

此时我被困在将网格插入到 div 中。出于调试目的，我尝试过：

  // this works and puts text into div
  document.getElementById("ABC").innerHTML = `different data`; 

  // this puts '[object Object]' into div
  document.getElementById("ABC").innerHTML = w2ui.ABC_grid;

我知道如何使用 w2grid 构造函数来构建网格并填充 div，但不知道如何采用入门框架 + 现有网格并在同一面板中复制其中的许多网格。我已经仔细阅读了文档，但我就是不明白。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript w2ui