Infinity.js : le plugin jQuery pour le défilement infini de longues listes

Discussion dans 'Programmation' créé par RedEye, 29 Août 2012.

  1. RedEye

    RedEye - أبو عبدالرحمن - Membre du personnel

    J'aime reçus:
    4153
    Points:
    113
    Infinity.js : le plugin jQuery pour le défilement infini de longues listes


    Infinity.js est un plugin jQuery permettant d'obtenir un défilement rapide et stable pour les longues listes d'éléments. Il s'inspire du fonctionnement du composant UITableView d'iOS. Cette technique permet de faire apparaitre automatiquement la suite de la liste lorsque l'on fait défiler la page vers le bas.
    Le plugin est conçu par les développeurs de Airbnb et est sous la licence BSD.

    Il est simple d'utilisation :

    Code:
    var $el = $('#my-infinite-container');
    var listView = new infinity.ListView($el);
    
    // ... Quand on ajoute un nouveau contenu :
    
    var $newContent = $('<p>Hello World</p>');
    listView.append($newContent);
    
    // ... Lorsqu'on supprime un élément :
    
    var listItems = listView.find('.my-items');
    for(var index = 0, length = listItems.length; index < length; index++) {
       listItems[index].remove();
    }
    
    Plusieurs améliorations de performances sont actuellement prévues, y compris celle de modifier le tableau interne ListItem pour utiliser un arbre binaire autorégulateur.






    Source : Developpez.com
     

Partager cette page