jq-list

jQuery plugin that allows you to create lists using Swig templates. It has great event hooking, and is extremely configurable

jQuery List

jQuery List is a jQuery plugin that allows you to create lists using Swig templates. It has great event hooking, and is extremely configurable.

  • Access to internal methods - Making it infinitely configurable.
  • Child lists - Lists within lists
  • Child templates
  • Covered by tests

Download the production version or the development version.

In your web page:

<script src="jquery.js"></script>
<script src="swig.js"></script>
<script src="dist/jq-list.min.js"></script>
<script>
jQuery(function($) {
  $('#container').list('#template');
});
</script> 
<script type="text/swig" id="template">
{% for item in list %}
    <li>
        Item #{{ loop.index }}
        <div data-role="add">+</div>
        <div data-role="delete">-</div>
    </li>
{% endfor %}
</script> 
<ul id="container"></ul>

Check the demos folder for some examples.

Note: Not all functionality is covered by the demos. More demos are currently under development.

To contribute, first fork this repo. Before commiting your changes, make sure you run grunt. This will lint, minify and test your changes. Pull requests that do not do this will be rejected.

More Info

Official docs have not yet been created, but some insight may be gained from JSDoc.