Saturday 15 February 2014

jquery - How to drag an element from one gridster to another? -


Has anyone tried to pull a cell from one gridaster to another? I was trying to do this work .. but not with any luck. Any help please?

An example of a drag / drop in a gridster is what it is asking for you, only half But I suspect someone can pull out of their gridster and see some other thing ..

An example of moving objects from one grid to another is click. it's a start.

  $ (function () (// dome ready $ (".gridster ul"). Gridster ({widget_margins: [5, 5], widget_base_dimensions: [100, 120]}); Gridster ($.) Gridster ($.) Gridster (.) Data ('Gridster'); var Gridster 2 = $ ("Gridster2 ul") .Gridster (.) Data ('gridster'); $ (" Draggray (); $ (".gridster") .droppable ({drop: function (event, UI) {$ ("# dragFrom"). Attr ("style", 'position: relative;') ; Var Widget = Gridster.Ed_Witt ('<'> & lt; h5 & gt; Eucelel Boat & lt; / h5 & gt; & lt; IMG Height = 100 Width = 100 src = "http: // I.imgur.com/XjNt15PJpg ​​"alt =" Uke boat "gt; & lt; / li & gt; ', 1, 1;); widget.dblclick (Function (widget) {widget = gridster.remove_widget (this); var gridster2 = $ (".gridster2 ul") .gridster (.) Data ('gridster'); widget = gridaster 2.add_widget (' 
ukulele name mg height = 100 width = 100 src = "http://i.imgur.com/ XjNt15P.jpg "alt =" Uke Boat "& gt; & Lt; / Li & gt; ', 1, 1); Widget.dblclick (function) {gridster2.remove_widget (this);}); }); }}); $ (".gridster2") .droppable ({drop: function (Event, UI) {var widget = gridster2.add_widget ('& lt; li id ​​= "draggable2" & gt; & lt; h5 & gt; Electric Goldfish & lt; / h5 & gt; & lt; img height = 100 width = 100 src = http: //i.imgur.com/OYfuMLF.jpg "alt =" Electric Goldfish "& gt; & lt; / li & Gt; ', 1, 1); widget.dblclick (function) {widget = gridster2.remove_widget (this); var gridster = $ (".gridster ul") .Gridster (.) Data (' gridster ') ; Widget = gridster.add_widget ('& lt; li id ​​= "draggable2" & gt; & lt; h5 & gt; Electric goldfish & lt; / h5 & gt; & lt; img height = 100 width = 100 Src = http: //i.imgur.com/OYfuMLF.jpg "alt =" Electric Goldfish "> , 1, 1); widget.dblclick (function) {gridster.remove_widget (this);})}} $ (" # dragFrom ") atr (" style ", 'Status: relative;');}});

});

No comments:

Post a Comment