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

Attach choices to window

Browse source
This commit is contained in:
Josh Johnson 2016-04-25 18:00:30 +01:00
parent eb80a373df
commit 04ab5f6a98
3 changed files with 73 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/scripts/dist/bundle.js vendored
View file

File diff suppressed because one or more lines are too long

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

@ -1026,71 +1026,4 @@ export class Choices {
}
};
document.addEventListener('DOMContentLoaded', () => {
const firstElement = document.getElementById('choices-1');
const choices1 = new Choices(firstElement, {
delimiter: ' ',
editItems: true,
maxItems: 5,
// callbackOnRemoveItem: function(value) {
// console.log(value);
// },
// callbackOnAddItem: function(id, value) {
// console.log(id, value);
// },
// callbackOnRender: function(items) {
// console.log(items);
// }
});
const choices2 = new Choices('#choices-2', {
allowPaste: false,
allowDuplicates: false,
editItems: true,
});
const choices3 = new Choices('#choices-3', {
allowDuplicates: false,
editItems: true,
regexFilter: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
});
const choices4 = new Choices('#choices-4', {
addItems: false,
removeItems: false,
});
const choices5 = new Choices('#choices-5', {
prependValue: 'item-',
appendValue: `-${Date.now()}`,
// callbackOnRender: function(items, options) {
// console.log(items);
// },
});
choices5.removeAllItems();
const choices6 = new Choices('#choices-6', {
items: ['josh@joshuajohnson.co.uk', 'joe@bloggs.co.uk'],
// callbackOnRender: function(items, options, groups) {
// console.log(items);
// },
});
const choices7 = new Choices('#choices-7', {
// callbackOnRender: function(items, options) {
// console.log(items);
// },
});
const choicesMultiple = new Choices('[data-choice]', {
placeholderValue: 'This is a placeholder set in the config',
// callbackOnRender: function(items, options, groups) {
// console.log(options);
// },
});
// choices6.addItem('josh2@joshuajohnson.co.uk', null, null, () => { console.log('Custom add item callback')});
// choices6.removeItemsByValue('josh@joshuajohnson.co.uk');
// console.log(choices6.getItemById(3));
});
window.Choices = module.exports = Choices;

70
index.html
View file

@ -70,5 +70,75 @@
</select>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const firstElement = document.getElementById('choices-1');
const choices1 = new Choices(firstElement, {
delimiter: ' ',
editItems: true,
maxItems: 5,
// callbackOnRemoveItem: function(value) {
// console.log(value);
// },
// callbackOnAddItem: function(id, value) {
// console.log(id, value);
// },
// callbackOnRender: function(items) {
// console.log(items);
// }
});
const choices2 = new Choices('#choices-2', {
allowPaste: false,
allowDuplicates: false,
editItems: true,
});
const choices3 = new Choices('#choices-3', {
allowDuplicates: false,
editItems: true,
regexFilter: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
});
const choices4 = new Choices('#choices-4', {
addItems: false,
removeItems: false,
});
const choices5 = new Choices('#choices-5', {
prependValue: 'item-',
appendValue: `-${Date.now()}`,
// callbackOnRender: function(items, options) {
// console.log(items);
// },
});
choices5.removeAllItems();
const choices6 = new Choices('#choices-6', {
items: ['josh@joshuajohnson.co.uk', 'joe@bloggs.co.uk'],
// callbackOnRender: function(items, options, groups) {
// console.log(items);
// },
});
const choices7 = new Choices('#choices-7', {
// callbackOnRender: function(items, options) {
// console.log(items);
// },
});
const choicesMultiple = new Choices('[data-choice]', {
placeholderValue: 'This is a placeholder set in the config',
// callbackOnRender: function(items, options, groups) {
// console.log(options);
// },
});
// choices6.addItem('josh2@joshuajohnson.co.uk', null, null, () => { console.log('Custom add item callback')});
// choices6.removeItemsByValue('josh@joshuajohnson.co.uk');
// console.log(choices6.getItemById(3));
});
</script>
</body>
</html>