A simple demo to show what it does.


Is done with:

const basicRoot = document.getElementById('demo-simple-basic');
formCollection(basicRoot, {
	btn_add_selector:     '.collection-elem-add',
	btn_delete_selector:  '.collection-elem-remove',
	btn_up_selector:  '.collection-elem-up',
	btn_down_selector:  '.collection-elem-down',
});
formCollection(basicRoot, 'add'); // to init with one element

const $basicRoot = $('#demo-simple-basic');
$basicRoot.formCollection({
	btn_add_selector:     '.collection-elem-add',
	btn_delete_selector:  '.collection-elem-remove',
	btn_up_selector:  '.collection-elem-up',
	btn_down_selector:  '.collection-elem-down',
});
$basicRoot.formCollection('add'); // to init with one element

(The design is purely an example, you’re responsible of it)

Tags: getting_started