https://github.com/io-developer/js-deepselect
Pure JS infinite sub-select maker
https://github.com/io-developer/js-deepselect
Last synced: about 1 year ago
JSON representation
Pure JS infinite sub-select maker
- Host: GitHub
- URL: https://github.com/io-developer/js-deepselect
- Owner: io-developer
- License: mit
- Created: 2014-08-06T12:49:16.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2017-11-07T18:13:16.000Z (over 8 years ago)
- Last Synced: 2025-01-10T19:02:55.504Z (about 1 year ago)
- Language: JavaScript
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Deepselect
Pure javascript library for easy handling continous option subselecting
## Requirements
ECMAScript >= 5
## Example
```html
document.addEventListener("DOMContentLoaded", function() {
var dsel = deepselect({
enableLabels: true,
label: "Choose your destiny...",
labelSelectable: true,
labelValue: "none",
data: { items: [
{ name: "SubZero", value: "uid-SubZero", labelValue: "selectMe", labelSelectable:false,items: [
{ name: "Reptilian", value: "uid-Reptilian", items: [
{ name: "Sector", value: "uid-Sector" },
{ name: "Syrax", value: "uid-Syrax" },
{ name: "Smoke", value: "uid-Smoke" }
]},
{ name: "Scorpion", value: "uid-Scorpion" },
{ name: "Ermak", value: "key-Ermak" }
]},
{ name: "Kane", value: "uid-Kane" },
{ name: "Motaro", value: "uid-Motaro" }
]}
});
dsel.onSelect(function( e ) {
console.log("onSelect()", e);
console.log(this.isCompleted(), this.currentValues());
});
dsel.onSelectStart(function( e ) {
console.log("onSelectStart()", e);
console.log(this.isCompleted(), this.currentValues());
});
dsel.onSelectComplete(function( e ) {
console.log("onSelectComplete()", e);
console.log(this.isCompleted(), this.currentValues());
});
// dsel.currentIndexes([0,1,2]);
dsel.currentValues(["uid-SubZero", "uid-Reptilian", "uid-Smoke"]);
document.getElementById("myContainer").appendChild(dsel);
});
```