ps, that definitely works, thanks for the suggestion Manuel.
I'm Curious, would you think it natural to disable the dragging as
well as the dropping, or would that be unnecessary. My first instinct
was to let them drag, but cancel the drop. I tried returning false in
the receive handler, it didn't have the desired effect though.
-Russ
On Nov 16, 3:44 pm, manuel muñoz solera <[EMAIL PROTECTED]> wrote:
> Hi!
>
> That is dirty but works :)
>
> $("#sortable").sortable({
> handle: '.handle',
> placeholder : 'sortableHelper',
> forcePlaceholderSize: 'true',
> receive : function (e, ui) {
> if($("#sortable li").length > 10){
> ui.item.remove();
> }
> }
> });
>
> El 16/11/2008, a las 9:31, CodeOfficer escribió:
>
>
>
>
>
> > I'm struggling with the best way to approach this one, could one of
> > you jQuery UI gurus suggest a solution?
>
> > I have 2 lists ... the user is expected to drag items from list 1 and
> > drop them onto list 2. List 2 then behaves as a sortable, so after
> > these items from list 1 are dropped, they can be sorted within list
> > 2.
>
> > I have that much working already!
>
> > My issue is ... List 2 should ONLY allow a maximum of 10 items to be
> > dropped in it.
>
> > What is the best way to disable the dropping of items from list 1 onto
> > list 2 for this situation? I cant find any hooks for sortable() or
> > draggable() that allow me to disable a drop conditionally. There must
> > be a proper way to do this.
>
> > This is the code I am using now ... and its functional otherwise ...
>
> > $("#draggable > li").draggable({
> > helper: 'clone',
> > connectToSortable: '#sortable',
> > cursor: 'move',
> > distance: 20,
> > opacity: .5,
> > revert: 'invalid'
> > });
>
> > $("#sortable").sortable({
> > handle: '.handle',
> > placeholder : 'sortableHelper',
> > forcePlaceholderSize: 'true',
> > receive : function (e, ui) {
> > console.log($('#sortable').sortable('serialize'));
> > }
> > });
>
> > ul id=draggable
> > li ...
> > /ul
>
> > ul id=sortable
> > li ...
> > /ul
>
> mamusohttp://mamuso.nethttp://smupf.com
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
