使用jQuery TableDnD插件拖放表行如何使某些ros無法拖動並保存已排序的行？

Question

我正在使用已經實現了表格拖放的代碼，我想使某些行不可移動，例如頂部標題欄行和底部提交按鈕行如何實現？

以及如何通過單擊保存按鈕將排序后的列表保存到數據庫中？

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

}）;

我的jQuery代碼是用於拖動->

我需要任何幫助嗎？

Answer 1

將class =“ nodrag 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);
    }
});

希望能有所幫助。

羅伯www.formthis.com

Answer 2

在您不想拖放的行中添加兩個類名。 tableDnD在其代碼中內置了這些功能，以防止在gridview中拖放，這是我實現此目標的方法...

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