jQuery drag-and-drop для изменения порядка сгенерированной таблицы - PullRequest
Новая
       13

jQuery drag-and-drop для изменения порядка сгенерированной таблицы

0 голосов
/ 23 апреля 2011

У меня есть таблица, которая начинается с верхнего и нижнего колонтитула, и пользователь добавляет в нее строки.

Я бы хотел, чтобы пользователь мог каким-то образом организовать эти строки, и кажется, что перетаскивание является наиболее интуитивным.

Я не могу найти плагин или кодировать что-то другое, что работает с живым контентом, подобно тому, как работают .delegate или .live. Есть идеи?

* Edit:

Я придумал это как временное решение для изменения порядка строк, добавленных пользователем (я положил стрелки вверх и вниз в таблице с классами .uparrow и .downarrow). Я все еще надеюсь найти способ перетащить их.

Если кому-то интересно, вот код для стрелок: 

$('#garmenttable').delegate('.uparrow','click',function() { 
    var thisObj = $(this).closest('tr');    
    var prevTR = thisObj.prev('tr:not(.header)');
    if(prevTR.length) {        
        prevTR.before(thisObj.clone(true, true));
        thisObj.remove();
    }
});
$('#garmenttable').delegate('.downarrow','click',function() { 
    var thisObj = $(this).closest('tr');    
    var nextTR = thisObj.next('tr:not(.footer)');
    if(nextTR.length) {        
        nextTR.after(thisObj.clone(true, true));
        thisObj.remove();
    }
});

1 Ответ

0 голосов
/ 23 апреля 2011

Я имел дело с подобной проблемой некоторое время назад, и работа с перетаскиванием таблиц была большой головной болью.Я закончил замену его на divs.В любом случае, возможно, вы можете сделать это, используя элемент «proxy» для перетаскивания, а не перетаскивать саму строку таблицы.Здесь вы можете найти пример, используя прокси

...