jQuery ui classables trier rafraîchir la position du nombre à l'intérieur

Dans un tableau html que j'ai dans chaque ligne d'une cellule avec son propre numéro de poste. Comment puis-je actualiser cette position de numéro correctement après le tri avec jQueryUI?

C'est mon simple html: 

<table border="0">
<thead>
      <tr>
        <th scope="col">Position number</th>
        <th scope="col">Name</th>
      </tr>
  </thead>
  <tbody>
      <tr>
        <td>1</td>
        <td>Text</td>
      </tr> 
      <tr>
        <td>2</td>
        <td>Text</td>
      </tr>
  </tbody>        
</table>

Et c'est mon js:

    var fixHelper = function(e, ui) { ui.children().each(function() { $(this).width($(this).width()); }); return ui; };

    $("table tbody").sortable({ 
        helper: fixHelper
    }).disableSelection();

Maintenant, je voudrais changer l'ordre positionner correctement les valeurs de numéro après le tri.

Comment puis-je faire cela?

Toute aide serait appréciée.

source d'informationauteur bobighorus

  1. 22

    Faire ce qui suit après le tri ..

    $("table tbody").sortable({ 
    update: function(event, ui) {  
        $('table tr').each(function() {
            $(this).children('td:first-child').html($(this).index())
        });
    },
    helper: fixHelper
}).disableSelection();

    vous pouvez essayer (non testé) :
    au lieu de $('table tr').each utilisation $(this).parents('table').find('tr').each

    Explication..
    Il parcourt chaque tr les tags à l'intérieur de la table, puis modifie le contenu de la première td-child avec la valeur de l'indice de tr

  2. 2

    Si quelqu'un a aimé la réponse ci-dessus comme je l'ai fait, voici la Coffeescript

    jQuery ->
  $("ul.sortableEdit").sortable
            stop: (event, ui) ->  
             $('ul.sortableEdit li').each( ->
               $(this).children('input.sortableItemPos').val($(this).index())
             )