MontoyaTech/ignite-html-select
MontoyaTech/ignite-html-select
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added ability to use objects within array options. Added better documentation.

Browse Source
This commit is contained in:
Matt Mo 2021-12-06 23:06:00 -08:00
parent dd4792ed04
commit e56ed8648c
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
ignite-html-select.js
View File

@ -150,10 +150,12 @@ import { IgniteTemplate } from "../ignite-html/ignite-template.js";
} }
/** /**
* Generates a series of options based on key value pairs. * Generates a series of options from an array of values, or an object of key values pairs.
* @param {Array|Object} options An array of strings or list of key value pairs to create options from. * @param {Array|Object} options An array of strings or list of key value pairs to create options from.
* @param {*} placeholder The placeholder option, it's value will be 0, if set this text will be shown. * @param {*} placeholder The placeholder option, it's value will be 0, if set this text will be shown.
* @returns {IgniteTemplate} This ignite template. * @returns {IgniteTemplate} This ignite template.
* @example IgniteTemplate.prototype.options([{"Custom value": "Display value"}, "value2", "value3"]);
* @example IgniteTemplate.prototype.options({"value1": "A", "value2": "B"});
*/ */
IgniteTemplate.prototype.options = function(options, placeholder = null) { IgniteTemplate.prototype.options = function(options, placeholder = null) {
//Generate html and populate the template with it. //Generate html and populate the template with it.
@ -165,7 +167,12 @@ import { IgniteTemplate } from "../ignite-html/ignite-template.js";
if (Array.isArray(options)) { if (Array.isArray(options)) {
for (var i = 0; i < options.length; i++) { for (var i = 0; i < options.length; i++) {
html += `<option value='${options[i]}'>${options[i]}</option>`; if (options[i] instanceof Object) {
var keys = Object.keys(options[i]);
html += `<option value='${keys[0]}'>${options[i][keys[0]]}</option>`;
} else {
html += `<option value='${options[i]}'>${options[i]}</option>`;
}
} }
} else { } else {
var keys = Object.keys(options); var keys = Object.keys(options);