jquery - draggable helper going behind table in jqgrid -
i have been using jquery draggable rows has been implemented jqgrid.but when item dragged drag helper not going out of table boundary. can drop item. helper item not showing outside table during drag process.
how can make possible show helper on top of jqgrid table?
code snippet:-
$(document).ready(function(){ var dragtext=''; $("#list2 tr").draggable({ helper:helptext, cursor : 'move', revert : 'invalid' }); function helptext(){ $("#tree li span").droppable(); console.log('drag'); dragtext=$(this).find("td:nth-child(5)").text(); return'<div id="draggablehelper">' + dragtext + '</div>'; }; });
you need helper div appended html body (or other containment area want) float around anywhere in containment area.
a sample code:
$("#list2 tr").draggable({ helper: function () { return jquery(this).clone().appendto('body').css({ 'zindex': 5 }); }, cursor : 'move', revert : 'invalid' })
Comments
Post a Comment