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

Resolve passedElement issues

Browse source
This commit is contained in:
Josh Johnson 2017-10-14 11:29:08 +01:00
parent bd77f458b3
commit 8b71f277ff
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
index.html
View file

@ -370,11 +370,11 @@
{ value: 'Six', label: 'Label Six', selected: true }, { value: 'Six', label: 'Label Six', selected: true },
], 'value', 'label', false); ], 'value', 'label', false);
choicesSelect.passedElement.addEventListener('addItem', function(event) { choicesSelect.passedElement.element.addEventListener('addItem', function(event) {
document.getElementById('message').innerHTML = 'You just added "' + event.detail.label + '"'; document.getElementById('message').innerHTML = 'You just added "' + event.detail.label + '"';
}); });
choicesSelect.passedElement.addEventListener('removeItem', function(event) { choicesSelect.passedElement.element.addEventListener('removeItem', function(event) {
document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"'; document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"';
}); });
@ -477,7 +477,7 @@
var states = new Choices(document.getElementById('states')); var states = new Choices(document.getElementById('states'));
states.passedElement.addEventListener('change', function(e) { states.passedElement.element.addEventListener('change', function(e) {
if (e.detail.value === 'New York') { if (e.detail.value === 'New York') {
boroughs.enable(); boroughs.enable();
} else { } else {
@ -490,7 +490,7 @@
var classNames = this.config.classNames; var classNames = this.config.classNames;
var itemSelectText = this.config.itemSelectText; var itemSelectText = this.config.itemSelectText;
return { return {
item: function(data) { item: function(classNames, data) {
return strToEl('\ return strToEl('\
<div\ <div\
class="'+ String(classNames.item) + ' ' + String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) + '"\ class="'+ String(classNames.item) + ' ' + String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) + '"\
@ -504,7 +504,7 @@
</div>\ </div>\
'); ');
}, },
choice: function(data) { choice: function(classNames, data) {
return strToEl('\ return strToEl('\
<div\ <div\
class="'+ String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) + '"\ class="'+ String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) + '"\

2
src/scripts/src/templates.js
View file

@ -15,7 +15,7 @@ export const TEMPLATES = {
return strToEl(` return strToEl(`
<div <div
class="${globalClasses.containerOuter}" class="${globalClasses.containerOuter}"
data-type="${this.passedElement.type}" data-type="${this.passedElement.element.type}"
${role} ${role}
${tabIndex} ${tabIndex}
${ariaAutoComplete} ${ariaAutoComplete}