Witam.

Potrzebuje wykonać sortowanie wierszy tabelki w ramach określonych znaczników tbody. Używam do tego skryptu: https://jqueryui.com/sortable/#items

Chodzi o to, żebym mógł sortować wierszami <tr> tylko w raamch tbody o tej sam ej klasie class="tbody_5" i żeby po prostu nie można było wrzucic do innej grupy tej pozycji.


Tabelka wygląda tak:

  1. <tr><th>Value</th><th>Id</th><th>Month</th></tr>
  2. </thead>
  3. <tbody class="ttbody tbody_5">
  4. <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
  5. <tr><td>Value 1</td><td>#1</td><td>January</td></tr>
  6. <tr><td>Value 11</td><td>#2</td><td>April</td></tr>
  7. <tr><td>Value 111</td><td>#3</td><td>March</td></tr>
  8. </tbody>
  9. <tbody class="ttbody tbody_7">
  10. <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
  11. <tr><td>Value 2</td><td>#1</td><td>January</td></tr>
  12. <tr><td>Value 22</td><td>#2</td><td>April</td></tr>
  13. <tr><td>Value 222</td><td>#3</td><td>March</td></tr>
  14. <tr><td>Value 2222</td><td>#3</td><td>March</td></tr>
  15. </tbody>
  16. <tbody class="ttbody tbody_8">
  17. <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
  18. <tr><td>Value 3</td><td>#1</td><td>January</td></tr>
  19. <tr><td>Value 333</td><td>#2</td><td>April</td></tr>
  20. <tr><td>Value 3333</td><td>#3</td><td>March</td></tr>
  21. </tbody>
  22. <tbody class="ttbody tbody_5">
  23. <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
  24. <tr><td>Value 4</td><td>#1</td><td>January</td></tr>
  25. <tr><td>Value 44</td><td>#2</td><td>April</td></tr>
  26. </tbody>



Skrypt:

  1.  
  2. <script>
  3. $(function() {
  4.  
  5. $( ".ttbody" ).sortable({ //sortujemy wszystkie tbody
  6. cancel: ".ui-state-disabled" //wyłączamy sortowanie nagłówków
  7. });
  8.  
  9. $( ".tbody_5 tr, .tbody_7 tr, .tbody_8 tr" ).disableSelection(); //grupujemy sortowania - tutaj nie jestem pewien
  10. });
  11. </script>
  12.  



Prosze o nakierowanie.