我需要你帮助一个表的拖放功能。 我使用了拖放功能: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);
}
});
你知道我该怎么做吗?