mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-13 03:12:41 +02:00
Resolve passedElement issues
This commit is contained in:
parent
bd77f458b3
commit
8b71f277ff
10
index.html
10
index.html
|
@ -370,11 +370,11 @@
|
|||
{ value: 'Six', label: 'Label Six', selected: true },
|
||||
], '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 + '"';
|
||||
});
|
||||
|
||||
choicesSelect.passedElement.addEventListener('removeItem', function(event) {
|
||||
choicesSelect.passedElement.element.addEventListener('removeItem', function(event) {
|
||||
document.getElementById('message').innerHTML = 'You just removed "' + event.detail.label + '"';
|
||||
});
|
||||
|
||||
|
@ -477,7 +477,7 @@
|
|||
|
||||
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') {
|
||||
boroughs.enable();
|
||||
} else {
|
||||
|
@ -490,7 +490,7 @@
|
|||
var classNames = this.config.classNames;
|
||||
var itemSelectText = this.config.itemSelectText;
|
||||
return {
|
||||
item: function(data) {
|
||||
item: function(classNames, data) {
|
||||
return strToEl('\
|
||||
<div\
|
||||
class="'+ String(classNames.item) + ' ' + String(data.highlighted ? classNames.highlightedState : classNames.itemSelectable) + '"\
|
||||
|
@ -504,7 +504,7 @@
|
|||
</div>\
|
||||
');
|
||||
},
|
||||
choice: function(data) {
|
||||
choice: function(classNames, data) {
|
||||
return strToEl('\
|
||||
<div\
|
||||
class="'+ String(classNames.item) + ' ' + String(classNames.itemChoice) + ' ' + String(data.disabled ? classNames.itemDisabled : classNames.itemSelectable) + '"\
|
||||
|
|
|
@ -15,7 +15,7 @@ export const TEMPLATES = {
|
|||
return strToEl(`
|
||||
<div
|
||||
class="${globalClasses.containerOuter}"
|
||||
data-type="${this.passedElement.type}"
|
||||
data-type="${this.passedElement.element.type}"
|
||||
${role}
|
||||
${tabIndex}
|
||||
${ariaAutoComplete}
|
||||
|
|
Loading…
Reference in a new issue