PHPackages pessek/hypelists - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. pessek/hypelists ActiveElgg-plugin[Utility & Helpers](/categories/utility) pessek/hypelists ================ AJAX lists for Elgg 5.1.3(4y ago)03proprietaryPHPPHP >=7.1 Since May 29Pushed 4y ago1 watchersCompare [ Source](https://github.com/rheman/hypeLists)[ Packagist](https://packagist.org/packages/pessek/hypelists)[ RSS](/packages/pessek-hypelists/feed)WikiDiscussions master Synced 1w ago READMEChangelog (1)Dependencies (1)Versions (2)Used By (0) hypeLists ========= [](#hypelists) [![Elgg 3.0](https://camo.githubusercontent.com/e646ef90c665819eef06372ac1af176270e4db7642e8c52976072bca821b1694/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f456c67672d332e302d6f72616e67652e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/e646ef90c665819eef06372ac1af176270e4db7642e8c52976072bca821b1694/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f456c67672d332e302d6f72616e67652e7376673f7374796c653d666c61742d737175617265) A set of tools that improve UX and simplify common list patterns for developers. ### Features [](#features) - Seamless integration with core and existing plugins - AJAXed list pagination and infinite scroll - Lazy loading of preceeding and succeeding list pages - Auto refreshing of lists - An interface for creating sortable/searchable lists ### Server-Side [](#server-side) The following options are accepted by `elgg_list_entities()`, `elgg_view_entity_list()`, and by `page/components/list` and `page/components/gallery` views. These parameters will only take effect, if you have `'pagination' => true` in your options. Additional options, that need to be passed to the jQuery plugin, can be prefixed with `data-` - `'list_id'` STRING is an optional parameter, but it is strongly recommended to pass it to your list. List id must be unique to the page. - `'pagination_type'` STRING `default` (pagination bar with page number navigation) or `infinite` (before and after navigation) - `'position'` STRING can be used to specify the position of pagination items. `before`, `after`, `both` - `'num_pages'` INT can be used to specify how many page number navigation items to show, use 0 to only show Next and Prev links - `'lazy_load'` INT can be used to initialize lazy loading of pages - `'auto_refresh'` INT can be used to specify at which interval in seconds new items should be fetched - `'reversed'` BOOL can be used to specify reversed lists. If list is reversed, it is assumed that the new items will be located at the end of the list ### Client-Side [](#client-side) Lists that have received the necessary parameters server-side will be instantiated automatically. If you need to instantiate a list programmatically, use `$.hypeList(options)`. ``` // Instantiate a new list $('.elgg-list.my-list').hypeList({ baseUrl: false, // Data source count: 0, // Number of items in the list offset: 0, // Current offset from the beginning of the list offsetKey: 'offset', // Offset key limit: 10, // Number of items per page listId: '', // List identifier unique to the page pagination: 'default', // Pagination type: 'default', 'infinite' paginationPosition: 'after', // Pagination position: 'before', 'after', 'both' paginationNumPages: 10, // Number of page links to display in the pager classActive: 'elgg-state-selected', // CSS class pertinent to active elements classDisabled: 'elgg-state-disabled', // CSS class pertinent to disabled elements classLoading: 'elgg-state-loading', // CSS class pertinent to pending elements textNoResults: '', // Text displayed when no items were found in the list textNext: elgg.echo('next'), // Text for next link textPrev: elgg.echo('previous'), // Text for previous link keyTextBefore: 'lists:add:before', // Language key for before link (will receive limit as parameter) keyTextAfter: 'lists:add:after', // Language key for before link (will receive limit as parameter) lazyLoad: 10, // Number of pages to lazy load autoRefresh: 60, // Fetch new items at this interval (in seconds) reversed: false, // List is reversed that is new items are appended to the end of the list scrollTopOffset: -100, // Additional offset in pixels for when the page is scrolled to the top of the list listTime: 0, // Timestamp at which the list was generated, sent with AJAX requests showEffect: 'highlight', // jQuery UI effect used for toggling item visibility selectorDelete: '.elgg-menu-item-delete > a', // CSS selector of an anchor that will trigger a delete action }); // Public methods // Navigate to a page with a certain index // For default pagination type, page with pageIndex is loaded and displayed // For infinite pagination type, all pages in range from currently visible pages to the page with pageIndex are loaded and displayed $('.elgg-list').trigger('goToPage', [pageIndex]); // Trigger refresh // Reloads the page and appends new items if any // If no pageIndex is provided, it's determined by pagination type // goToPage parameter can be used to navigate to the page once new items have been fetched // goToPage flag is useful when a new post was made and you want to display the post to the user $('.elgg-list').trigger('fetchNewItems', [pageIndex, goToPage]); // Remove items from the list and reindex $('.elgg-list').trigger('removeItems', [$items]); // Add new items to the list $('.elgg-list').trigger('addFetchedItems', [ajaxData]); // Events // Event triggered whenever the list is first rendered // Callback will receive list options as a second parameter $('.elgg-list').on('ready', callback); // Event triggered whenever an item is added, removed or hidden from a list // Callback will receive list options as a second parameter $('.elgg-list').on('change', callback); ``` ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity3 Limited adoption so far Community4 Small or concentrated contributor base Maturity46 Maturing project, gaining track record How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 1814d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/649b17479d3b3a91bcdbbd05d56d9c55a33e095c8c4412ba6a34fa43bd3aff46?d=identicon)[rhemandaddy](/maintainers/rhemandaddy) --- Tags pluginelggajaxListshypeJunctionhypelist ### Embed Badge ![Health badge](/badges/pessek-hypelists/health.svg) ``` [![Health](https://phpackages.com/badges/pessek-hypelists/health.svg)](https://phpackages.com/packages/pessek-hypelists) ``` PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)