Question

我正在使用 App Inventor 构建应用。我使用Webviewer加载JavaScript代码（见下文），该代码在表格中显示TinyDB中存储的数据库的内容。

所以基本上我有一个看起来像这样的表： enter image description here

我试图通过在我的脚本底部添加此内容来使我的表格内容可编辑，但没有成功：我的表格消失了。

 <script>
function myFunction() {
    document.getElementById("myTable").contentEditable = true;
}
  </script>

我也看到了page。但我无法在App Inventor应用中找到实现此.js的方法。

知道如何使这项工作吗？

<body>
  <div id="myTable"></div>
  <script>
    // get the table to display from the window.AppInventor object and split at new line
    var urlArray = window.AppInventor.getWebViewString().split("\n");

    var doc = document;
    var fragment = doc.createDocumentFragment();

    for(i=0;i<urlArray.length;i++){
      var tr = doc.createElement("tr");
      // split at comma
      var rowArray = urlArray[i].split("|");

      for(j=0;j<rowArray.length;j++){
        if ( i == 0) { var td = doc.createElement("th"); }
        else         { var td = doc.createElement("td"); }
        td.innerHTML = rowArray[j];
        tr.appendChild(td);
        fragment.appendChild(tr);
      }
    }
    var table = doc.createElement("table");
    table.appendChild(fragment);
    doc.getElementById("myTable").appendChild(table);
  </script>
</body>

App Inventor的可编辑表格单元格

0 个答案: