mirror of
https://github.com/Choices-js/Choices.git
synced 2024-06-03 14:32:11 +02:00
Ability to specify no result/no choice dropdown text
This commit is contained in:
parent
1cacf4798b
commit
6e712476bd
20
README.md
20
README.md
|
@ -48,6 +48,8 @@ A vanilla, lightweight (~15kb gzipped 🎉), configurable select box/text input
|
||||||
prependValue: null,
|
prependValue: null,
|
||||||
appendValue: null,
|
appendValue: null,
|
||||||
loadingText: 'Loading...',
|
loadingText: 'Loading...',
|
||||||
|
noResultsText: 'No results round',
|
||||||
|
noChoicesText: 'No choices to choose from',
|
||||||
classNames: {
|
classNames: {
|
||||||
containerOuter: 'choices',
|
containerOuter: 'choices',
|
||||||
containerInner: 'choices__inner',
|
containerInner: 'choices__inner',
|
||||||
|
@ -274,14 +276,28 @@ const example = new Choices(element, {
|
||||||
|
|
||||||
<strong>Input types affected:</strong> `text`, `select-one`, `select-multiple`
|
<strong>Input types affected:</strong> `text`, `select-one`, `select-multiple`
|
||||||
|
|
||||||
<strong>Usage:</strong> Append a value to each item added/selected
|
<strong>Usage:</strong> Append a value to each item added/selected.
|
||||||
|
|
||||||
### loadingText
|
### loadingText
|
||||||
<strong>Type:</strong> `String` <strong>Default:</strong> `Loading...`
|
<strong>Type:</strong> `String` <strong>Default:</strong> `Loading...`
|
||||||
|
|
||||||
<strong>Input types affected:</strong> `select-one`, `select-multiple`
|
<strong>Input types affected:</strong> `select-one`, `select-multiple`
|
||||||
|
|
||||||
<strong>Usage:</strong> The loading text that is shown when options are populated via an AJAX callback.
|
<strong>Usage:</strong> The text that is shown whilst choices are being populated via AJAX.
|
||||||
|
|
||||||
|
### noResultsText
|
||||||
|
<strong>Type:</strong> `String` <strong>Default:</strong> `No results round`
|
||||||
|
|
||||||
|
<strong>Input types affected:</strong> `select-one`, `select-multiple`
|
||||||
|
|
||||||
|
<strong>Usage:</strong> The text that is shown when a user's search has returned no results.
|
||||||
|
|
||||||
|
### noChoicesText
|
||||||
|
<strong>Type:</strong> `String` <strong>Default:</strong> `No choices to choose from`
|
||||||
|
|
||||||
|
<strong>Input types affected:</strong> `select-multiple`
|
||||||
|
|
||||||
|
<strong>Usage:</strong> The text that is shown when a user has selected all possible choices.
|
||||||
|
|
||||||
### classNames
|
### classNames
|
||||||
<strong>Type:</strong> `Object` <strong>Default:</strong>
|
<strong>Type:</strong> `Object` <strong>Default:</strong>
|
||||||
|
|
4
assets/scripts/dist/choices.min.js
vendored
4
assets/scripts/dist/choices.min.js
vendored
File diff suppressed because one or more lines are too long
|
@ -45,6 +45,8 @@ export class Choices {
|
||||||
prependValue: null,
|
prependValue: null,
|
||||||
appendValue: null,
|
appendValue: null,
|
||||||
loadingText: 'Loading...',
|
loadingText: 'Loading...',
|
||||||
|
noResultsText: 'No results round',
|
||||||
|
noChoicesText: 'No choices to choose from',
|
||||||
classNames: {
|
classNames: {
|
||||||
containerOuter: 'choices',
|
containerOuter: 'choices',
|
||||||
containerInner: 'choices__inner',
|
containerInner: 'choices__inner',
|
||||||
|
@ -1877,7 +1879,7 @@ export class Choices {
|
||||||
this._highlightChoice();
|
this._highlightChoice();
|
||||||
} else {
|
} else {
|
||||||
// Otherwise show a notice
|
// Otherwise show a notice
|
||||||
const dropdownItem = this.isSearching ? this._getTemplate('notice', 'No results found') : this._getTemplate('notice', 'No choices to choose from');
|
const dropdownItem = this.isSearching ? this._getTemplate('notice', this.config.noResultsText) : this._getTemplate('notice', this.config.noChoicesText);
|
||||||
this.choiceList.appendChild(dropdownItem);
|
this.choiceList.appendChild(dropdownItem);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue