mirror of
https://github.com/Choices-js/Choices.git
synced 2024-05-17 21:16:34 +02:00
Add label to highlighting events too
This commit is contained in:
parent
8c6fbdd97a
commit
eec8a667ad
10
README.md
10
README.md
|
@ -466,6 +466,7 @@ element.addEventListener('addItem', function(event) {
|
||||||
// do something creative here...
|
// do something creative here...
|
||||||
console.log(event.detail.id);
|
console.log(event.detail.id);
|
||||||
console.log(event.detail.value);
|
console.log(event.detail.value);
|
||||||
|
console.log(event.detail.label);
|
||||||
console.log(event.detail.groupValue);
|
console.log(event.detail.groupValue);
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
|
@ -476,34 +477,35 @@ example.passedElement.addEventListener('addItem', function(event) {
|
||||||
// do something creative here...
|
// do something creative here...
|
||||||
console.log(event.detail.id);
|
console.log(event.detail.id);
|
||||||
console.log(event.detail.value);
|
console.log(event.detail.value);
|
||||||
|
console.log(event.detail.label);
|
||||||
console.log(event.detail.groupValue);
|
console.log(event.detail.groupValue);
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
### addItem
|
### addItem
|
||||||
**Arguments:** `id, value, groupValue`
|
**Arguments:** `id, value, label, groupValue`
|
||||||
|
|
||||||
**Input types affected:** `text`, `select-one`, `select-multiple`
|
**Input types affected:** `text`, `select-one`, `select-multiple`
|
||||||
|
|
||||||
**Usage:** Triggered each time an item is added (programmatically or by the user).
|
**Usage:** Triggered each time an item is added (programmatically or by the user).
|
||||||
|
|
||||||
### removeItem
|
### removeItem
|
||||||
**Arguments:** `id, value, groupValue`
|
**Arguments:** `id, value, label, groupValue`
|
||||||
|
|
||||||
**Input types affected:** `text`, `select-one`, `select-multiple`
|
**Input types affected:** `text`, `select-one`, `select-multiple`
|
||||||
|
|
||||||
**Usage:** Triggered each time an item is removed (programmatically or by the user).
|
**Usage:** Triggered each time an item is removed (programmatically or by the user).
|
||||||
|
|
||||||
### highlightItem
|
### highlightItem
|
||||||
**Arguments:** `id, value, groupValue`
|
**Arguments:** `id, value, label, groupValue`
|
||||||
|
|
||||||
**Input types affected:** `text`, `select-multiple`
|
**Input types affected:** `text`, `select-multiple`
|
||||||
|
|
||||||
**Usage:** Triggered each time an item is highlighted.
|
**Usage:** Triggered each time an item is highlighted.
|
||||||
|
|
||||||
### unhighlightItem
|
### unhighlightItem
|
||||||
**Arguments:** `id, value, groupValue`
|
**Arguments:** `id, value, label, groupValue`
|
||||||
|
|
||||||
**Input types affected:** `text`, `select-multiple`
|
**Input types affected:** `text`, `select-multiple`
|
||||||
|
|
||||||
|
|
|
@ -471,12 +471,14 @@ class Choices {
|
||||||
triggerEvent(this.passedElement, 'highlightItem', {
|
triggerEvent(this.passedElement, 'highlightItem', {
|
||||||
id,
|
id,
|
||||||
value: item.value,
|
value: item.value,
|
||||||
|
label: item.label,
|
||||||
groupValue: group.value
|
groupValue: group.value
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
triggerEvent(this.passedElement, 'highlightItem', {
|
triggerEvent(this.passedElement, 'highlightItem', {
|
||||||
id,
|
id,
|
||||||
value: item.value,
|
value: item.value,
|
||||||
|
label: item.label,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -502,12 +504,14 @@ class Choices {
|
||||||
triggerEvent(this.passedElement, 'unhighlightItem', {
|
triggerEvent(this.passedElement, 'unhighlightItem', {
|
||||||
id,
|
id,
|
||||||
value: item.value,
|
value: item.value,
|
||||||
|
label: item.label,
|
||||||
groupValue: group.value
|
groupValue: group.value
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
triggerEvent(this.passedElement, 'unhighlightItem', {
|
triggerEvent(this.passedElement, 'unhighlightItem', {
|
||||||
id,
|
id,
|
||||||
value: item.value,
|
value: item.value,
|
||||||
|
label: item.label,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue