Hi All,

I discovered that the issue is not with the xml or Spry but with an 
option for the draggable  elements.

Basicly I have a list that is sortable, but the <li> items also need to 
be draggable so they can be dropped in a drop area so that they are 
removed form the list.

The sortable works, the draggable wo0rks, but when combined things get 
weird:
without the clone for draggable the sort is fine but dragging list items 
to the drop box does not look good (maybe not in this sample) .

with the clone  when I sort an item the original item stays in its place 
and and a copy is placed in the new location where I dragged it to.

FYI This can be achieved with prototype/scriptalicous Sortable

<ul id="myList">
<li id="foo-1" class="sortitem">Lorem</li>
<li id="foo-2" class="sortitem">Foo</li>
<li id="foo-3" class="sortitem">Bar</li>
<li id="foo-4" class="sortitem">Ipsum</li>
</ul>

  $('.sortitem').draggable({helper:'clone',connectToSortable:'#mylist'});
  //   $('.sortitem').draggable({connectToSortable:'#mylist'});
       $('#mylist').sortable();           


So the big question is can you create a list that is sortable but can 
also work with draggable so that an item can be dragged to another location.

Regards,

Gerrit Kuilder



gerkuil wrote:
> Hi All,
>
> started looking into jquery and managed to get some drag/drop things
> going, this is working nicely.
>
> The lists are created with adobe spry and xml data (you can output the
> xml in your html, instead of creating the html in JavaScript, which is
> nice)
>
> I have problems  with a sortable list, also from xml and also a
> draggable list. I can sort items and it gets placed in the new
> location but the item then appears  twice, once in the new location,
> once in the original location.
>
> >From the data posted it is impossible to find out what the original
> and new positions are (I cannot use serialize because the id of the
> item is used for a pointer of what needs to be dropped, and I am
> wondering if in my update function I can somehow find out what item
> was being dragged and on which position it has ended up.
>
> So far I haven't found anything that gave me an idea, any pointers
> will be appreciated.
>
> Regards,
>
> Gerrit
>
> >
>
>   


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to