[JavaScript][jQuery] Konfiguracja skryptu sortowania - UI Sortable Opcje

[luis2luis]

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:

[HTML] pobierz, plaintext 
<table>
    <thead>
        <tr><th>Value</th><th>Id</th><th>Month</th></tr>
    </thead>
    <tbody class="ttbody tbody_5">
        <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
        <tr><td>Value 1</td><td>#1</td><td>January</td></tr>
        <tr><td>Value 11</td><td>#2</td><td>April</td></tr>
        <tr><td>Value 111</td><td>#3</td><td>March</td></tr>
    </tbody>
    <tbody class="ttbody tbody_7">
        <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
        <tr><td>Value 2</td><td>#1</td><td>January</td></tr>
        <tr><td>Value 22</td><td>#2</td><td>April</td></tr>
        <tr><td>Value 222</td><td>#3</td><td>March</td></tr>
        <tr><td>Value 2222</td><td>#3</td><td>March</td></tr>
    </tbody>
    <tbody class="ttbody tbody_8">
        <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
        <tr><td>Value 3</td><td>#1</td><td>January</td></tr>
        <tr><td>Value 333</td><td>#2</td><td>April</td></tr>
        <tr><td>Value 3333</td><td>#3</td><td>March</td></tr>
    </tbody>
    <tbody class="ttbody tbody_5">
        <tr class="ui-state-disabled"><td colspan="3">Nagłowek</td></tr>
        <tr><td>Value 4</td><td>#1</td><td>January</td></tr>
        <tr><td>Value 44</td><td>#2</td><td>April</td></tr>
    </tbody>
</table>
[HTML] pobierz, plaintext 

Skrypt:

[PHP] pobierz, plaintext 
 
<script>
$(function() {
 
    $( ".ttbody" ).sortable({ //sortujemy wszystkie tbody
        cancel: ".ui-state-disabled" //wyłączamy sortowanie nagłówków
    });
 
    $( ".tbody_5 tr, .tbody_7 tr, .tbody_8 tr" ).disableSelection(); //grupujemy sortowania - tutaj nie jestem pewien
});
</script>
 
[PHP] pobierz, plaintext 

Prosze o nakierowanie.

Ten post edytował luis2luis 4.02.2016, 10:47:21