перетаскивание строк таблицы с помощью плагина jquery TableDnD, как сделать некоторые ro не перетаскиваемыми и сохранить отсортированные строки? - PullRequest
Новая
       1

перетаскивание строк таблицы с помощью плагина jquery TableDnD, как сделать некоторые ro не перетаскиваемыми и сохранить отсортированные строки?

0 голосов
/ 18 августа 2011

Я использую код, который уже реализовал перетаскивание таблицы. Я хочу сделать несколько строк неподвижными, например, верхнюю строку строки заголовка и нижнюю строку кнопки отправки, как этого можно достичь?

и как сохранить отсортированный список в базе данных нажатием кнопки сохранения? 

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

});

мой код jquery это для перетаскивания ->

iБуду признателен за любую помощь, пожалуйста?

Ответы [ 2 ]

3 голосов
/ 25 октября 2011

Добавьте 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);
    }
});

Hopeэто помогает.

Роб www.formthis.com

0 голосов
/ 18 декабря 2014

Добавьте два имени класса в ваши строки, которые вы не хотите перетаскивать.В tableDnD они встроены в код для предотвращения перетаскивания. В gridview это то, как я этого добиваюсь ... 

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