jquery-sortable

jquery sortable items question

Given the following structure, can the div which contains the sortable list be sorted? I ask because with the latest jquery 1.3 version it won't allow sorting of the divs. Is there any limitation with jQuery where it can't sort parent elements which contain an already sortable list, or is it because the parent is a div and not an LI elem...

How to build widget page using jquery, json object, and xml file in ASP.NET

Hi, I am trying to build a page which consists of different user controls which is divided in 3 columns. I have created a custom class for the page and widgets where the user controls will be loaded in. The custom class needs to be stored in an XML file, and using jQuery sortable for drag-and-drop functionality. At this point, my ques...

jquery sortable lists with dynamically generated list ids

For my webpage, I have a number of lists which I'm generating dynamically from the database. Each list is generated like so: <ul id = "<%= "subgroups_for_tumourgroup_" + item.ID %>"> I'm trying to make them sortable using jquery's sortable list <script type="text/javascript"> $(function() { $('#subgroups_for_tumourgroup_1')...

Exclude one or more elements from being connected (using connectWith) in jQuery's sortable lists

I have two lists, one with an ID of "vlist" and one with an ID of "hlist". The "vlist" holds elements which should be visible, while the "hlist" holds items that should remain hidden. The idea here is to allow the administrator of the system to specify which elements/fields should be shown on a sign-up page, and which shouldn't. The two ...

jQuery sortable: Revert changes if update callback makes an AJAX call that fails?

I am using the jQuery sortable() feature to re-order a list of items. After an item is drug to a new location, I kick off an AJAX form post to the server to save the new order. How can I undo the sort (e.g. return the drug item to its original position in the list) if I receive an error message from the server? Basically, I only want th...

jQuery UI sortable: how to emulate the 'beforeStart' event?

Hi guys, im using the jQuery UI sortable plugin for sort some tall fieldsets (~300px height). My goal is to hide the main content of that fieldset, keeping visible just the legend tag (that is actually the sortable handler)... the problem is that, as you can see in the standard events of the sortable plugin, there is the beforeStop but ...

JQuery - Ajax saving sortables in connected lists when sortable item is moved

I have multiple JQuery sortable lists that connect with each other... They allow you to assign users to certain roles. Basically what I want to do is when a user is dragged from one list to another, I want JQuery to pick up the first list that the user was moved from so that I can send an AJAX request to delete it from that list in my d...

jQuery UI sortable('cancel') - this.helper is null

I am trying to disable a sortable element from sorting when it has been double clicked. When I try to disable it, even without a condition, it gives me the error 'this.helper is null'. $('.roundedBox:first', division).sortable({ start: function( event, ui ) { if( true === true ) { $(this).sortable('cancel'); ...

jquery, sortable: sort elements by ids...

hi, i want to reorder the sortable-list by ids.... but with the effect of the "sortable-ui"-component. how could i reorder the elements?... :-/ its pretty hard. ...

Sortable + nested lists with jQuery UI 1.8.2

Hi all This question is all over SO, but no one seems to have had the same problem as I have. When I do something like this $(function(){ $('#unique-ul').sortable({items:'li'}); }); I'd expect it to "just work". By and large, it does. I can drag any <li> from any list to any other list, and any sublist of that <li> is dragged wi...

Saving JQuery Sortable (new order) to ASP.Net MVC controller?

I've implemented JQuery sortable, and it works fine. The problem is I can't pass the list in its new order to a controller so i can save it. <script type="text/javascript"> $(document).ready(function() { $("#sortable").sortable({ axis: "y" }); }); $(function() { $("#submit-list").button(); ...

Get all textbox values from list (jQuery Sortable)?

I have an unordered list, each list item has an id (id="6~OriginalName") - when I do a toArray on this list, I get a nice array and each item looks like "6~OriginalName" that I can parse later on. $("#roleList").sortable('toArray') The problem is that now I've embedded a TextBox in each list, which its value that of the OriginalName, ...

JQuery: How to detect clicks from icons inside li?

I have an icon inside a list, id like to just be able to detect the double click on the icon - so i can delete the list, how is this possible (JQuerry Sortable) $("#roleList").dblclick(function(e) { var text = $(e.target).html(); $(e.target).fadeOut('slow', function() { $("#deleteList").append(e.t...

jQuery UI sortable & selectable

Hi, Does anybody know how to combine jQuery UI selectable and sortable ? This script: http://nicolas.rudas.info/jquery/selectables_sortables/ doesn't work in Chrome and it also has plugin modifications. Thanks ...

jQuery UI sortable event problem

in my code here http://jsfiddle.net/ebSf4/ you can drag from one sortable column to the other. I am adding some animation to sortable's receive event to make the dropped element animate to the size needed in it's new position. This is working great except the receive event fires late the first time you move a given element. The elemen...

sortable and draggable - cancel if item is already in sortable.

Hi everyone, Having a slight spot of bother... I have a draggable element that can be dropped into a sortable list. Ideally I would like to prevent draggable event creating a placeholder in the sortable if the sortable already contains an element with a matching class name of the draggable. Not had any luck with so looking at removin...

jQuery sortable list question

I have a list structured like below: <ul class='binder'> <li value='7'>Welcome <ul class='section'> <li value='7'>Introduction <ul class='subsection'> <li value='4'>About Us <ul class='node'> <li value='11'>2</span> <ul class='element'> <li value = '8' class='paragraph'>Test Paragraph</li></ul> <li value='10' id='node_10'>1 <ul ...

JQuery table sorting; problem with dynamically added rows

I am using a jquery tablesorter plugin(http://tablesorter.com/docs/) for sorting my tables. This works for rows that created already. But when I add a row dynamically with Jquery clone() method, sorting is not working. What I should I do to sort rows even if I add a row dynamically? ...

JQuery Sortable and automatic scrolling

I am trying to get JQuery Sortable to work but I have run into a slight usability problem. The list that I am trying to sort is quite large (about 200 items). If the user tries to drag the top item right to the bottom, once the item reaches the bottom of the visible part of the screen, the page scrolls a tiny amount, then stops. To ...

Sorting table data with JQuery, table has columns with dates and dollar signs, which plug-in is good?

I have to sort a table and looking for right plugin. Some of the columns have dates and some have currency signs($) as shown below. Are there any JQuery plugins available for sorting this kind of data. ...