使用jquery TableDnD插件拖放表格行，如何使一些ros不可拖放，并保存排序后的行？

Question

我正在使用代码，我已经实现了表格的拖放，我想让一些行是不能移动的，比如顶部的标题栏行和底部的提交按钮行，这是如何实现的？

如何通过单击保存按钮将排序后的列表保存到数据库中？

$(document).ready(function() {
// Initialise the table
$("#table-1").tableDnD();
// DRAG AND DROP ENABLED 

})；

我的jquery代码是用来拖动->的

有什么可以帮我的吗？

Answer 1

将class=“nodrop nodrop”添加到您不希望拖放的行中。

并在ondrop方法中添加以下内容：

$("#table-2").tableDnD({
    onDragClass: "myDragClass",
    onDrop: function(table, row) {
        var rows = table.tBodies[0].rows;
        var debugStr = "Row dropped was "+row.id+". New order: ";
        for (var i=0; i<rows.length; i++) {
            debugStr += rows[i].id+" ";
        }
        alert(debugStr);
    },
    onDragStart: function(table, row) {
        $(#debugArea).html("Started dragging row "+row.id);
    }
});

希望这能有所帮助。

Rob www.formthis.com

Answer 2

在您不想拖放的行中添加两个类名。tableDnD在其代码中内置了这些，以防止在网格视图中进行拖放，这就是我如何实现的……

<HeaderStyle CssClass="dgHead nodrop nodrag" />
<FooterStyle CssClass="NewMaterialEntry nodrop nodrag" VerticalAlign="Top" HorizontalAlign="Center" />