sortable

JQuery draggable - The opposide from connectToSortable

Hi, i can drop a draggable element into a sortable list. $( ".selector" ).draggable({ connectToSortable: '#myList' }); But how can i drop the element back? The sortout event works only with a second list :/ kind regards Peter EDIT: working example http://www.jsfiddle.net/V9Euk/114/ ...

Silverlight equivalent to jQuery UI Sortable Lists?

Damn, I'm so ignorant. I'm looking to replicate this in Silverlight http://jqueryui.com/demos/sortable/ But where to start? Thanks ...

jquery sortable/draggable double event firing

I have some drag & drop code which works fine as it is. Just have a little query. I've noticed that if I add an alert within the drop function for debugging purposes (eg. alert(draggedItem.text());) it fires the alert twice when I drop something into the draggable area. I've read in another post that using droppable & sortable together c...

jquery strange behaviour when toggling (hiding/showing) droppable panels

I have several draggable/hideable boxes based on the code posted here: http://webdeveloperplus.com/jquery/saving-state-for-collapsible-drag-drop-panels/ I also have an area with a list of blocks which I can drag into any one of these boxes, and then sort them. This works fine. It's only when I start toggling these boxes, or moving their...

jquery sortable's absolutly positioned 'handle' problem- Doesn't influence the sorting while outsite of the sortable element scope.

Hey. I got a problem I cannot manage to resolve. I have a Basecamp alike list of items with a small menu on the left with Drag, Edit and Trash icons. The handle is there. He is sitting outside of the scope of the sortable element, and this is why he doesn't influence the sorting at all. As you can see, my dragging icon is on the ...

jquery sort element with array value

I need to sort some elements depend on it attribute. For an example: <div id="sort"> <div n="1"></div> <div n="2"></div> <div n="3"></div> <div n="4"></div> </div> And array_num {3, 2, 1, 4} pseudo code: $('#sort').sort(array_num, 'n'); results will be: <div id="sort"> <div n="3"></div> <div n="2"></div> <div n="1"></div> <div...

jquery clone doesn't seem to retain draggable/droppable events

Hi there, I have a row where I can drag items into it, and sort them. This all works ok. I even have a delete event on each item, so it can be removed from the row. I want an option where I can clone the row. I do this by using the clone function below: clonedrow = $("#row1").clone(true); clonedid = "row"+nextRowNumber; //nextRowNumbe...

Two dimensions jquery sortable retrives a bug in IE.

I have two dimensions sorting bug in IE8 and below. IE just doesn't know to handle this thing. As you can see, there are two levels of sorting items. Two dimensions. In all of the browsers this thing works perfect. Only IE get crazy. My code $("#experienciasProfissionais").sortable({ placeholder: 'ui-state-highlight', cur...

rails sortable list not updating

I have followed the instructions on http://railscasts.com/episodes/147-sortable-lists for creating a sortable list. The list drags and drops as it is supposed to, but the sort action is not being fired when the link is released. I have tested this by putting a render :text command into the sort. No error's appear, it just doesn't fire ...

How to Custom 'sort' function when I right click(and select sort option) using jquery-jstree

This is my code : $("#demo1").jstree({ "themes": { "theme": "default", "dots": true, "icons": true, "url": "themes/default/style.css" }, "ui" : { // this makes the node with ID node_4 selected onload "initially_select" : [ location.ha...

jquery odd behaviour of collapsible/moveable panels with drag/drop within them

First of all, huge kudos to 'Web Developer Plus' for writing most of the initial code! I have a list of 'items' which I can drag into any one of the blue boxes inside the widgets, and then sort them. This works fine. It's only when I start toggling these widgets (showing/hiding), or moving their positions, that things start going weird....

Using jqGrid with sortable columns... paging then results in a data/column mismatch.

I have a very vanilla jqGrid with "sortable: true" (which allows you to drag/drop to reorder the columns). There are 8 columns, none are hidden, none have any properties set other than name, index, and width. The column drag/drop works initially. I drag a column header, and drop it in a new location. The header and the data in the colum...

set last row of a datagridview not sortable (always on bottom)

I have a sortable DatagridView with a summary last row containing sum of some columns, i want to keep this summary row always as the last line(bottom) of datagridView. At the moment, when i sort a column of datagridView also the summary row get sorted, i don't want this. I want to keep the last row (summary row) of DatagridView not sort...

Parse PHP Array from serialized data

I am using the jQuery plugin from http://mjsarfatti.com/sandbox/nestedSortable/ It does an excellent job on easily sorting the list, but I am having issues with saving it a DB and loading it back up. My question is once you get the array into PHP, serialize it and store it into a database, you end up with something along the lines of a...

How to make tds stack after sort using jQuery

You can see the full problem here: http://users.cjb.net/syn4k/test.htm I have described the problem in full at this location. Edit: since you have asked to see the problem here as well, Drag and drop the outlined items from one column to another and then try sorting the items in that column Issue: The items do not stack after sort but r...

How to persist a jquery sortable tabs and accordion order using cookies?

Hi I've got some jQuery sortable tabs and accordions which I want them to be in the same order whenever the user fetches that page. I was thinking about using cookies to do this. How can I do this? Thanks in advance. ...

How to implement a function called in the method "onUpdate" when using sortable.create in Rails

Hi - I am creating an application using ROR and would like to know how I can implement a function which I want to call when using "sortable.create". Below is a sample code from my "*.html.erb" file. <script type="text/javascript"> Sortable.create("table_retain", { tag:"tr" , dropOnEmpty: true, onUpdate: function() { alert ('Up...

Jquery ui-sortable - unable to drop tr in empty tbody

I have two connected tbody elements allowing me to drag rows between two tables. Everything works fine until all rows are removed from either table. When all rows have been dragged to the other table the tbody height decreases making it (near)impossible to drop rows back inside. Is there a known workaround for this problem? (min-heigh...

JQuery sortable, dragging between two lists, cancelling the drop: How to animate?

I have two HTML lists, and am using JQuery sortable to drag between them. This works perfectly. The receive event is raised upon dropping a dragged list item into the second list. In this event handler, in some circumstances I am calling $(ui.sender).sortable('cancel'); which cancels the drop and returns the list item to its orig...

jQuery UI IE7 nested unordered list bug

I'm trying to get it so that each sub list can only be ordered within its group. This works perfectly in FF, but in IE it either moves the entire parent(s) or, using e.stopPropagation(); kills the functionality completely within the child. I need the functionality alive within the child. Suggestions? $(document).ready(function() { ...