在将其拖动到另一个表时,如何从动态HTML表中获取TR的内容

时间:2013-10-15 12:58:49

标签: jquery html jquery-ui jquery-ui-sortable

我在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>

0 个答案:

没有答案