Sortable > Inhalt ändern

Kalito

Erfahrenes Mitglied
Hallo,

ich habe zwei Tabellen. Per Jquery UI habe ich es nun geschafft, dass ich per Drag and Drop Zeilen aus einer Tabelle in eine andere Tabelle veschieben kann.

Code:
$("#testcase_list").sortable({
        items: 'tbody > tr',
        cursor: 'crosshair',
        connectWith: '#testcase_selected',
        dropOnEmpty: true,
        receive: function(e, ui){
         $(this).find("tbody").append(ui.item);  
        },
        helper: "clone",
        start: function (event, ui) {
            $(ui.item).show();
            clone = $(ui.item).clone();
            before = $(ui.item).prev();
            parent = $(ui.item).parent();
        },
        stop: function (event, ui) {
            if (before.length)
                before.after(clone);
            else
                parent.prepend(clone);
        }
    });

Jedoch möchte ich diese Tabellenzeile dynamisch um eine Spalte erweitern, in dem ein Button eingebunden wird. Irgendwie stehe ich hier gerade auf den Schlauch. Hat einer eine Idee?

Danke und Gruß, Patrick
 
Hallo, dass hat wunderbar funktioniert. Danke.

Noch was anderes: Wenn ich das tr in ein leeres tbody schieben möchte, kopiert es nicht in das tbody-Tag, sondern darunter. Bin da gerade etwas ratlos :/
 
ich habe eigentlich zwei Tabellen und verschiebe Zeilen von einer Tabelle in eine Andere. Diese andere kann halt am Anfang leer sein (tbody hat keine Kinder). Umgehe das jetzt wie folgt:
Code:
                $('#testcase_selected > tbody:last').append('<tr><td colspan="4" class="drop-row" style="display: none;"></td></tr>');
 
OK, verstehe, aber kann es nicht reproduzieren: In meiner Testseite habe ich den tbody in der zweiten Tabelle leer gemacht und die kopierte Zeile wird wie erwartet in den tbody eingefügt. Hast Du es online, damit man sich das Original ansehen kann?
 
Zurück