表单嵌套不正确

Question

我正在使用Node.js，Jade和Bootstrap。 我需要渲染一个表格，在每一行我需要一个单独的表格。 我试过这个：

    - for(var i = 0; i < renditeTabellen.length; ++i) {
      tr
        form(method="POST", action="/deleteTable")
          td#tableID #{i}
          td#tableName #{renditeTabellen[i].name}
          td#tableDate nix
          td
            button#delete.btn-danger(type="submit") Speichern
    - }

但是我得到了这个输出：

所以form没有以正确的方式嵌套。它应该包含tr 我做错了什么？

Answer 1

您无法将表单直接放入TR。将其更改为在单个td中呈现表单。据我所知，你甚至不需要在表格中包含所有TD的表格。假设代码应该是这样的：

 - for(var i = 0; i < renditeTabellen.length; ++i) {
      tr            
        td#tableID #{i}
        td#tableName #{renditeTabellen[i].name}
        td#tableDate nix
        td
          form(method="POST", action="/deleteTable")
            button#delete.btn-danger(type="submit") Speichern
    - }

另外，请记住，只有表单元素（输入，选择，按钮等）与表单一起提交，因此您需要在按钮上放置一个值属性，该属性应包含应删除的项目的ID。另外，按钮应该有一个名称，所以你可以从帖子中获取它。