Richard, Thanks so much! That totally makes sense, however when I try your suggestion I only get one alert() (for the first column). I'll continue to play around with it and if I can get it to work I'll post my solution here.
Chris On Feb 11, 6:29 am, "Richard D. Worth" <[email protected]> wrote: > The toArray method only returns one serialization (for the first element in > the set) just like > > $("div").attr("id") // returns $("div")[0].id > > or > > $("p").width() // same as $("p").eq(0).width() > > This will be true of any getter method (as far as I'm aware) in jQuery and > jQuery UI. Since you have three sortables, you'll need to call > .sortable("toArray") or .sortable("serialize") on each one. For example > (untested): > > $(".column").each(function() { > alert($(this).sortable("toArray")); > > }); > > - Richard > > On Tue, Feb 10, 2009 at 8:16 PM, chris <[email protected]> wrote: > > > Using the code provided on this page: > > >http://ui.jquery.com/demos/sortable/#portlets > > > How can you use sortable('serialize') or sortable('toArray') to get > > the order of the DIVs so they can be saved? > > > I assigned each portlet its own unique ID: > > > <div class="column" id="col1"> > > <div class="portlet" id="box_feeds"> > > <div class="portlet-header">Feeds</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit</div> > > </div> > > > <div class="portlet" id="box_news"> > > <div class="portlet-header">News</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit</div> > > </div> > > </div> > > <div class="column" id="col2"> > > <div class="portlet" id="box_shopping"> > > <div class="portlet-header">Shopping</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit</div> > > </div> > > </div> > > <div class="column" id="col3"> > > <div class="portlet" id="box_links"> > > <div class="portlet-header">Links</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit</div> > > </div> > > > <div class="portlet" id="box_images"> > > <div class="portlet-header">Images</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit</div> > > </div> > > </div> > > > When I try, all I get is a list from the first column only, even > > though all DIVs can be moved between all 3 columns. > > > $(".column").sortable({ > > connectWith: ['.column'], > > stop: function() { > > alert($(".column").sortable("toArray")); > > } > > }); > > > Help! This driving me MAD! :) > > > TIA, > > Chris > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
