sortable-fish.mustache revision 71706b26da7fe8d83d7f9ba363fe49277e36ba01
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<div class="intro">
ed22c7109fc5dd9e1b7a5d0333bdc7ad2718e2abYuri Pankov<p>This example has 2 sortable lists, each with floated nodes.
c10c16dec587a0662068f6e2991c29ed3a9db943Richard LoweThe lists are outter joined together.
c10c16dec587a0662068f6e2991c29ed3a9db943Richard LoweThe small fish on the left
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowecan move into the groups on the right, and become sortable (and larger).
ed22c7109fc5dd9e1b7a5d0333bdc7ad2718e2abYuri PankovHowever, the items in the groups on the right
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<strong>can not</strong> move back into the list of small fish.</p>
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<div class="example">
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe {{>sortable-fish-css}}
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe {{>sortable-fish-html}}
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe {{>sortable-multi-out-source-js}}
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<p>Images of fish etchings are from Jacob Theodor Klein, mid 1700s.
c10c16dec587a0662068f6e2991c29ed3a9db943Richard LoweSource: http://www.flickr.com/photos/biodivlibrary/sets/72157627937663760/.
c10c16dec587a0662068f6e2991c29ed3a9db943Richard LoweContributed by: MBLWHOI Library, Woods Hole.</p>
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<p><strong>Note: When using an outer or inner joined list, you must pick a moveType of 'move' or 'copy', the default 'swap' won't give you the results you expect.</strong></p>
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<p>This example assumes that you have seen the Multiple Sortable Lists - Full Join example and continues from there.</p>
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe{{>sortable-fish-base}}
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe{{>sortable-multi-source-join}}
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe<h3>Putting it together</h3>
c10c16dec587a0662068f6e2991c29ed3a9db943Richard Lowe{{>sortable-multi-out-source-js}}