[snuwie]

Hey Leute,
ich stehe vor einem Problem und habe leider noch keine Lösung. Ich würde gerne einen Drag und Drop mit zwei Tabellen realisieren.

Ich nehme von Table-1 (drag) eine Row und droppe diese in Table-2. Ich hab auch zur Veranschaulichung ein Bild gemacht. Dragg- & Droppable aus der jQuery UI Lib funst leider nicht. Wäre schön, wenn mir jemand etwas helfen könnte.




jQuery wird verwendet.

Danke! sNuwie

// Edit: Der Schreibfehler im Bild ist Absicht! ;o)

[SimonDerDude]

http://thechriswalker.net/2009-02/multiple-drag-and-drop-between-two-lists-with-jquery.html

http://thechriswalker.net/select-drag/

[snuwie]

da wird eine liste benutzt, so wie beim jquery ui. funktioniert aber nicht, wenn ich das auf eine tabelle anwenden will.

http://jqueryui.com/demos/droppable/#shopping-cart

[bacon]

Mensch --- WAS GENAU funktioniert denn nicht? Fehlermeldung, Code?

[snuwie]

naja es funktioniert einfach nicht ... ohne fehlermeldung etc.. deswegen hatte ich gehofft es hat hier jemand einen neuen ansatz für micht. sorry fürs verständigungs problem meinerseits.


hier hab ich das ganze mal mit dem jquery ui versucht:
GELÖSCHT

tabelle 1 hab ich draggable gegeben. wenn ihr mit firebug mal reinschaut, nachdem ihr was bewegt habt, seht ihr, dass sich die position geändert haben müsste ... da es aber in der tabelle "festsitzt" tut sich nichts.

[bacon]

Liegt wahrscheinlich daran, dass Du unvollständiges Tablemarkup hin- und herziehst. Haste mal das hier probiert?

http://stackoverflow.com/questions/307882/jquery-draggable-table-elements

[snuwie]

nein, so hatte ich es noch nicht funktioniert ... aber da ist ein link dabei, der mich weiter bringt - danke!
http://blog.petersendidit.com/post/drag-table-row-to-a-div-with-jquery/

das klappt jetzt auch schon mal ganz gut
GELÖSCHT

jetzt müsste ich noch schaffen, dass die rows, die in cart gezogen werden, auf der rechten seite verschwinden.

und dann später noch, dass sie per link (oder klick) wieder zurück von cart in die listing tabelle geschoben werden.

[snuwie]

mittlerweile hab ich`s geschafft, dass die rows rechts verschwinden, wenn sie links gedroppt wurden.

jetzt fehlt nur noch, wenn man auf den "delete span" klick, dass die jeweilige row aus der linken liste wieder gelöscht wird und wieder rechts eingesetzt wird.

hab mal das test case geupdated
GELÖSCHT

hat jemand einen ansatz für mich?