我需要你帮忙处理表格的拖放功能。我使用拖放功能:http: //isocra.com/2008/02/table-drag-and-drop-jquery-plugin/
所以我创建了一个表。每行都有一个自己的ID。拖动行工作正常。每行都有一个输入字段,其中显示了排序的编号。现在,当我拖动其中一行时,我希望更改该值。例如:如果我将第 3 行拖到顶部(到第 2 行),则第 3 行需要更改为 2,第 3 行应更改为第 2 行。
这是我使用的代码:
<table class="table table-striped" id="articletable">
<tbody>
{section name=i loop=$daten_art_top}
<tr id="{$daten_art_top[i].sequence}">
<td><input type="text" value="{$daten_art_top[i].sequence}" class="span2" style="text-align: center" id="sequence_{$daten_art_top[i].sequence}" /></td>
<td><a href="index.php?op=editart&artid={$daten_art_top[i].ID}">{$daten_art_top[i].title}</a></td>
<td><small>{$daten_art_top[i].date_created|date_format:"d.m.Y"}</small></td>
<td>
categorie_number
</td>
<td></td>
</tr>
{/section}
</tbody>
</table>
这是jQuery:
// Drag and Drop für Tabelle
$("#articletable").tableDnD( {
onDragClass: "myDragClass",
onDrop: function(table, row) {
var rows = table.tBodies[0].rows;
$('#sequence_'+row.id).val(row.id);
}
});
你知道我该怎么做吗?