This plugin is deprecated and should not be used for new projects under any circumstances. Please look into using projects like React and/or angular
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.
Official docs have not yet been created, but some insight may be gained from JSDoc.