1

我在 Django 中做一个网站,在那里我用 HTML 创建不同的动态表。从菜单中,我单击以取消隐藏所需的表。我使表格中的行可拖动,因此当我取消隐藏时,例如 4 个表格,我可以将第一个表格中的行拖放到我想要的任何表格中。现在的问题是,我无法获取我拖动的行的内容。我想得到它,以便将它发送到数据库以更改修改后的表的内容。

这是一些编码:

<div class="navmenu">
  <ul class="nav myulclass" id="my-tabs">
  {% for sub, values in data.items %}
    <li onClick="javascript:showonlyone('{{ sub }}');">{{ sub }}</li>
  {% endfor %}
  </ul>
</div>

<div class="tabbable">
  {% for sub, values in data.items  %}
  <div class="rasptable" id="{{ sub }}">
    <table class="formatRasp">
      <thead>
        <tr>
          <th>Hostname</th>
          <th>IP Address</th>
        </tr>
      </thead>
      <tbody class="connectedSortable">
      {% for rpi in values %}
        <tr>
          <td id="{{ rpi.get_serial }}">{{ rpi.get_serial }}</td>
          <td>{{ rpi.get_ip_address  }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  {% endfor %}
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $tabs = $(".tabbable");
        $("tbody.connectedSortable").sortable({
            connectWith: ".connectedSortable",
            start: function(){
                $tabs.addClass('dragging')
            },
            stop: function(){
                $tabs.removeClass('dragging');
                alert('dropped item: ')
            },
        }).disableSelection();
    });
</script>
</body>
4

0 回答 0