jQuery Girl
  1. jQuery Girl
  3. jQuery ui sortingable tablerows actualiser le numéro de position à l’intérieur
Intereting Posts
faire pivoter le texte légèrement – dois-je utiliser css ou javascript? Problème spécifique au navigateur – Une donnée de champ de fichier d’entrée n’est pas affectée à un autre champ de fichier d’entrée rechargement d’un certain code jQuery sur une erreur de formulaire de jsf Uncaught TypeError: Impossible d’appeler la méthode ‘addMethod’ de non définie dans jquery validate masquer l’option de description de données dans msdropdown Existe-t-il un moyen de définir un filtre par programme dans jQuery jqgrid? appel ajax pour vérifier les données en double invoquer annuler le jeditable comment définir la classe active dans le menu de navigation à partir de Twitter bootstrap jquery trouver et remplacer plusieurs éléments Afficher / masquer la persistance lors de la modification d’un formulaire lorsque le bouton radio est utilisé pour afficher / masquer un élément de formulaire Pourquoi les points de passage (jQuery) «de fond en vue» ne fonctionnent pas sur les éléments cachés? Comment créer un plugin jQuery avec barre de défilement personnalisée Rechercher et remplacer du texte avec jquery, uniquement du texte sans éléments enfants Afficher les données json avec simplePagination.js?

jQuery ui sortingable tablerows actualiser le numéro de position à l’intérieur

Dans un tableau html, j’ai dans chaque ligne une cellule avec son propre numéro de position. Comment actualiser correctement ce numéro de position après le sorting avec jQueryUI?

Ceci est mon simple HTML: 

  
 Position number Name 
   
 1 Text 
 
 2 Text

Et voici 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 correctement les valeurs de numéro de position après le sorting complet.

Comment puis-je faire cela?

Toute aide serait appréciée.

Procédez comme suit après le sorting. 

 $("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 utiliser $(this).parents('table').find('tr').each

Explication. Il parcourt chacune des balises tr de la table, puis modifie le contenu du premier td-child avec la valeur d’index tr

Si quelqu’un a aimé la réponse ci-dessus comme moi, voici le Coffeescript 

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