Skip to content

Allow multidimensial names in form elements #160

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dansleboby wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Allow multidimensial names in form elements #160

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
65f7889
Allow multidimensial names in form elements
dansleboby Apr 21, 2022
4ba4b2b
Fix setItems when isFirstItemUndeletable is yes
dansleboby Apr 24, 2022
7e32b7a
Bump version
dansleboby Apr 24, 2022
0ed9049
Fix the fix
dansleboby Apr 24, 2022
072ee7a
Fine tune the fix with more real test
dansleboby Apr 24, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion bower.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "jquery.repeater",
"main": "jquery.repeater.js",
"version": "1.2.2",
"version": "1.2.4",
"homepage": "https://github.com/DubFriend/jquery.repeater",
"description": "repeatable form input interface",
"keywords": [
Expand Down
108 changes: 58 additions & 50 deletions jquery.repeater.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
// jquery.repeater version 1.2.2
// jquery.repeater version 1.2.4
// https://github.com/DubFriend/jquery.repeater
// (MIT) 15-04-2022
// (MIT) 24-04-2022
// Brian Detering <BDeterin@gmail.com> (http://www.briandetering.net/)
(function ($) {
'use strict';
Expand Down Expand Up @@ -971,11 +971,11 @@ $.fn.repeater = function (fig) {
};

var $itemTemplate = $list.find('[data-repeater-item]')
.first().clone().hide();
.first().clone().hide();

var $firstDeleteButton = $filterNested(
$filterNested($(this).find('[data-repeater-item]'), fig.repeaters)
.first().find('[data-repeater-delete]'),
.first().find('[data-repeater-delete]'),
fig.repeaters
);

Expand Down Expand Up @@ -1016,32 +1016,32 @@ $.fn.repeater = function (fig) {
var $item = $(this);
$item.data('item-name', groupName + '[' + index + ']');
$filterNested($item.find('[name]'), repeaters)
.each(function () {
var $input = $(this);
// match non empty brackets (ex: "[foo]")
var matches = $input.attr('name').match(/\[[^\]]+\]/g);

var name = matches ?
// strip "[" and "]" characters
last(matches).replace(/\[|\]/g, '') :
$input.attr('name');


var newName = groupName + '[' + index + '][' + name + ']' +
($input.is(':checkbox') || $input.attr('multiple') ? '[]' : '');

$input.attr('name', newName);

$foreachRepeaterInItem(repeaters, $item, function (nestedFig) {
var $repeater = $(this);
setIndexes(
$filterNested($repeater.find('[data-repeater-item]'), nestedFig.repeaters || []),
groupName + '[' + index + ']' +
'[' + $repeater.find('[data-repeater-list]').first().data('repeater-list') + ']',
nestedFig.repeaters
);
.each(function () {
var $input = $(this);
// match non empty brackets (ex: "[foo]")
var matches = $input.attr('name').match(/\[[^\]]+\]/g);

var name = matches ?
// strip "[" and "]" characters
last(matches).replace(/\[|\]/g, '') :
$input.attr('name');


var newName = groupName + '[' + index + '][' + name + ']' +
($input.is(':checkbox') || $input.attr('multiple') ? '[]' : '');

$input.attr('name', newName);

$foreachRepeaterInItem(repeaters, $item, function (nestedFig) {
var $repeater = $(this);
setIndexes(
$filterNested($repeater.find('[data-repeater-item]'), nestedFig.repeaters || []),
groupName + '[' + index + ']' +
'[' + $repeater.find('[data-repeater-list]').first().data('repeater-list') + ']',
nestedFig.repeaters
);
});
});
});
});

$list.find('input[name][checked]')
Expand Down Expand Up @@ -1088,29 +1088,29 @@ $.fn.repeater = function (fig) {
$repeater.find('[data-repeater-item]'),
nestedFig.repeaters
)
.each(function () {
var fieldName = $repeater.find('[data-repeater-list]').data('repeater-list');
if(data && data[fieldName]) {
var $template = $(this).clone();
$repeater.find('[data-repeater-item]').remove();
foreach(data[fieldName], function (data) {
var $item = $template.clone();
.each(function () {
var fieldName = $repeater.find('[data-repeater-list]').data('repeater-list');
if(data && data[fieldName]) {
var $template = $(this).clone();
$repeater.find('[data-repeater-item]').remove();
foreach(data[fieldName], function (data) {
var $item = $template.clone();
setItemsValues(
$item,
data,
nestedFig.repeaters || []
);
$repeater.find('[data-repeater-list]').append($item);
});
}
else {
setItemsValues(
$item,
data,
$(this),
nestedFig.defaultValues,
nestedFig.repeaters || []
);
$repeater.find('[data-repeater-list]').append($item);
});
}
else {
setItemsValues(
$(this),
nestedFig.defaultValues,
nestedFig.repeaters || []
);
}
});
}
});
});

};
Expand All @@ -1128,6 +1128,7 @@ $.fn.repeater = function (fig) {
var addItem = function (data) {
var $item = $itemTemplate.clone();
appendItem($item, data);

if(fig.repeaters) {
initNested($item);
}
Expand All @@ -1137,6 +1138,14 @@ $.fn.repeater = function (fig) {
setList = function (rows) {
$items().remove();
foreach(rows, addItem);

if (fig.isFirstItemUndeletable && $items().find('[data-repeater-delete]:first').length === 1) {
$items().find('[data-repeater-delete]:first').remove();
}

$filterNested($self.find('[data-repeater-create]'), fig.repeaters).click(function () {
addItem();
});
};

$filterNested($self.find('[data-repeater-create]'), fig.repeaters).click(function () {
Expand All @@ -1156,5 +1165,4 @@ $.fn.repeater = function (fig) {

return this;
};

}(jQuery));
Loading