sortable-multi-in.mustache revision eb54ca05b888ebeec4712f45d334af09679c8a80
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<div class="intro">
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<p>This example makes multiple sortable lists that are inner joined together. In the example below you will see 2 lists. Both lists are sortable, but List #2 can move its items into List #1 and they become sortable. However, List #1 <strong>can not</strong> move its items into List #2.</p>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte</div>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<div class="example">
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte <style>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-multi-source-css}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-indent-css}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-arrows-css}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte </style>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-multi-source-indent-html}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-arrows}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte <script>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte {{>sortable-multi-in-source-js}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte </script>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte</div>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<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>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<p>This example assumes that you have seen the Multiple Sortable Lists - Full Join example and continues from there.</p>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte{{>sortable-multi-base}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte{{>sortable-multi-source-join}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte<h3>Putting it together</h3>
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte```
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte{{>sortable-multi-in-source-js}}
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte```
fcf3ce441efd61da9bb2884968af01cb7c1452ccJohn Forte