deblan-mirror/Choices
deblan-mirror/Choices
1
0
Fork 0
mirror of https://github.com/Choices-js/Choices.git synced 2024-05-02 22:03:11 +02:00
Code Issues Projects Releases Wiki Activity

Ability to edit last item in list

Browse source
This commit is contained in:
Josh Johnson 2016-03-21 18:53:26 +00:00
parent 6228463c71
commit 3f3580bb13
1 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
assets/scripts/src/choices.js
View file

@ -18,6 +18,7 @@ export class Choices {
element: document.querySelector('[data-choice]'),
disabled: false,
create: true,
editItems: false,
maxItems: false,
delimiter: ',',
allowDuplicates: true,
@ -169,14 +170,12 @@ export class Choices {
lastItem.classList.add('is-selected');
for (let i = 0; i < currentListItems.length; i++) {
let listItem = currentListItems[i];
if (listItem.classList.contains('is-selected')) {
this.removeItem(listItem);
this.removeInputValue(listItem.textContent);
}
};
if(this.options.editItems) {
this.input.value = lastItem.innerHTML;
this.removeItem(lastItem);
} else {
this.removeAll(currentListItems);
}
};
handleBackspaceKey();
@ -247,8 +246,6 @@ export class Choices {
// Caste array to string and set it as the hidden inputs value
this.element.value = this.valueArray.join(this.options.delimiter);
console.log(this.element.value);
}
removeInputValue(value) {
@ -272,6 +269,17 @@ export class Choices {
this.list.appendChild(item);
}
removeAll(items) {
for (let i = 0; i < items.length; i++) {
let item = items[i];
if (item.classList.contains('is-selected')) {
this.removeItem(item);
this.removeInputValue(item.textContent);
}
};
}
removeItem(item) {
if (item) item.parentNode.removeChild(item);
}
@ -377,7 +385,8 @@ export class Choices {
let choices2 = new Choices({
element : input2,
allowDuplicates: false
allowDuplicates: false,
editItems: true
});
let choices3 = new Choices({