jQuery Girl
  1. jQuery Girl
  3. Comment travailler avec Jquery Table Sorter avec knockout
Intereting Posts
jQuery onclick toutes les images dans le corps Suppression d’éléments de l’interface utilisateur Jquery Comment filtrer une table en utilisant plusieurs boites select2? AngularJs: Sélectionnez une valeur dans DropDown Pourquoi ma boîte de dialog modale jQuery s’ouvre-t-elle plusieurs fois? jQuery UI autocomplete ne fonctionne pas dans IE Le plug-in de sélection JQuery Datetime ne fonctionne pas avec AngularJS dans ng-view Trouver le type et la version du navigateur? Evénement de défilement jQuery déclenché une fois par défilement Ajout dynamic de la sum de champs dans Jquery jQuery masquer et afficher bascule div avec l’icône plus et moins Au chargement de la page, mettez une image aléatoire dans div Désactiver le zoom automatique / zoom de champ sur les balises d’entrée sur mon site mobile – SANS désactiver toutes les fonctionnalités de zoom Ajout d’atsortingbut d’espace réservé à l’aide de Jquery jQuery / JS – Compter les éléments dans l’élément

Comment travailler avec Jquery Table Sorter avec knockout

J’ai une table sur laquelle j’ai besoin d’appliquer le sorting. J’utilise knockout et jquery.tablesorter.js. J’ai essayé la reliure personnalisée aussi mais ne m’aide pas. Sans KO, mon code fonctionne bien. Ci-dessous est ma table. 

  
 Type Title

Voici un exemple: http://jsfiddle.net/jearles/RGsEH/

REMARQUE: Les dépendances de fichiers JS et CSS sont imscopes sous Ressources gérées.

HTML 

 
  
 Type Title

JS 

 function Course(type, title) { this.type = type; this.title = title; } var ViewModel = function() { this.course = ko.observableArray([ new Course("type", "course1"), new Course("another_type", "course2"), new Course("second_type", "course5"), new Course("third_type", "course4"), new Course("fourth_type", "course3") ]); } ko.bindingHandlers.sortTable = { init: function(element, valueAccessor) { setTimeout( function() { $(element).addClass('tablesorter'); $(element).tablesorter({widgets: ['zebra']}); }, 0); } }; ko.applyBindings(new ViewModel());

La solution ci-dessus de @john Earles fonctionne sur des tables de données prédéfinies, mais lorsque nous ajoutons des données dynamics à des tables, elles se cassent un peu.

veuillez vérifier ceci: http://jsfiddle.net/vkctata/vdcox07c/1/ 

 function Course(type, title) { this.type = type; this.title = title; } var ViewModel = function() { this.addNewItem = function() { this.course.push(new Course("nth_type", "course33")); return false; } this.course = ko.observableArray([ new Course("type", "course1"), new Course("another_type", "course2"), new Course("second_type", "course5"), new Course("third_type", "course4"), new Course("fourth_type", "course3") ]); } ko.bindingHandlers.sortTable = { init: function(element, valueAccessor) { setTimeout(function() { $(element).addClass('tablesorter'); $(element).tablesorter({ widgets: ['zebra'] }); }, 0); } }; ko.applyBindings(new ViewModel());

nous avons trouvé un moyen de créer un sorting presque générique, merci de suivre ce lien