1

我需要你帮忙处理表格的拖放功能。我使用拖放功能: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);
    }
});

你知道我该怎么做吗?

4

0 回答 0