Hello Paul, I did a quick test and it does not seem to work for me. I also looked at this example: http://ui.jquery.com/repository/real-world/layout/ where one sortable list is used as a trashcan, it simply removes all items dropped on that list.
I will do some more testing this weekend/later and see what works best for me. Thank you for your input. Regards, Gerrit Kuilder Paul Bakaus wrote: > Hi there, > > the good news is that you don't need to make them draggable - only apply > the sortables, and the items can be dropped on droppables automatically. > > That means, if you have a sortable list with li's, simply create the > droppables with > the accept option set to 'li' for example. > > Cheers, > Paul > > On Mon, Nov 17, 2008 at 5:38 PM, Gerrit <[EMAIL PROTECTED] > <mailto:[EMAIL PROTECTED]>> wrote: > > > 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 > > > > > > > > > > > > > > > > -- > Paul Bakaus > UI Architect > -- > http://paulbakaus.com > http://www.linkedin.com/in/paulbakaus > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
