draggables on sortable fails .sortable('serialize')

[eric8166]

The fix for the ticket 4564, since version 8.1.13, introduces a major problem. If an item is moved from a draggable into a sortable, and its receipt is processed using .sortable('serialize'), the serialized list will contain an empty string where the item's id should be. Is there a workaround ?

Also please see comment 8 on ticket 4564.

[Scott González]

Are you using a cloned helper for the draggable?

[eric8166]

Yes I am.

[Scott González]

As mentioned in the other ticket, what you want to do is invalid.

[eric8166]

In the application I created, users (school teachers), are building a menu structure by assembling different options. Those options are dragged from a set of available items, and more than one can be added to their structure. So how are we supposed to find out what items were added to a sortable list? I was under the impression that the ('serialize') is the function to use to find out what was added. But I also understand that an item ID should be unique in DOM. So I also tried to set the ATTR("ID",xxx) of the created object in the receive: event, but it seems to fail.

$('#TDSorterBARS1').sortable({receive: function(event, ui) {ui.item.attr("id", SomeUniqueID );}});

Could you please confirm that failure to setting the ID in the receive event is a bug then ?

Thanks, Eric

[Scott González]

ui.item refers to the original item, not the helper that you're trying to change. For some reason there doesn't seem to be a way to get the element you want. My suggestion would be to use a custom helper instead of the simple clone. The API will become much more sane in jQuery UI 2.0.

[eric8166]

Thanks, but I can not wait till 2.0, since 1.9 is not even out. I checked your source code change, and could see the .removeAttr("id") but could not find any .addClass.

So when I try to search like $(".IDOfOriginalDraggable") it does not find the new element.