Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
A simple Mootools grid list plugin for easy filter and sorting.
branch: master
Failed to load latest commit information.
LICENSE
README.md
package.yml
uFilterGrid.html Update demo page
uFilterGrid.js First version

README.md

uFilterList

A simple Mootools grid list plugin for easy filter and sorting.

Note:

For better performance and new improvements it will recommended take a look at Sortboardjs project.

How to use

It's very easy, defines only your list using an ul and li tags then
sets your filters in each li tags with the data-filter attribute, it can add many filters for one item.

JS :

var fl = new uFilterList($('sortlist'), {
  // you can set the margin in pixels
  margin: 5
});

// Filter example
fl.filterBy('programing');

HMTL :

<ul id="sortlist">
  <li data-filter="programing"></li>
  <li data-filter="programing back-end"></li>
  <li data-filter="graphic-design illustration"></li>
  <li data-filter="webdesign front-end"></li>
  <li data-filter="graphic-design printing"></li>
</ul>

Live Demo

See the live demo

Reference

Options :

  • margin : The margin for items defined in pixels.

Public Methods :

  • uFilterList.filterBy(string) : String it's text to filter, it should match to data-filter attribute on li tags matching.

Events :

  • Coming soon..

License

Licensed under the MIT License

Something went wrong with that request. Please try again.