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