<!doctype html>
< html lang = "en" class = "no-js" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< meta name = "description" content = "ESP8266/ESP32 WLAN configuration at run time with web interface" >
< link rel = "canonical" href = "https://Hieromon.github.io/AutoConnect/apiaux.html" >
< meta name = "author" content = "Hieromon Ikasamo" >
< meta name = "lang:clipboard.copy" content = "Copy to clipboard" >
< meta name = "lang:clipboard.copied" content = "Copied to clipboard" >
< meta name = "lang:search.language" content = "en" >
< meta name = "lang:search.pipeline.stopwords" content = "True" >
< meta name = "lang:search.pipeline.trimmer" content = "True" >
< meta name = "lang:search.result.none" content = "No matching documents" >
< meta name = "lang:search.result.one" content = "1 matching document" >
< meta name = "lang:search.result.other" content = "# matching documents" >
< meta name = "lang:search.tokenizer" content = "[\s\-]+" >
< link rel = "shortcut icon" href = "assets/images/favicon.png" >
< meta name = "generator" content = "mkdocs-1.0.4, mkdocs-material-4.4.0" >
< title > AutoConnectAux API - AutoConnect for ESP8266/ESP32< / title >
< link rel = "stylesheet" href = "assets/stylesheets/application.0284f74d.css" >
< link rel = "stylesheet" href = "assets/stylesheets/application-palette.01803549.css" >
< meta name = "theme-color" content = "#3f51b5" >
< script src = "assets/javascripts/modernizr.74668098.js" > < / script >
< link href = "https://fonts.gstatic.com" rel = "preconnect" crossorigin >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono&display=fallback" >
< style > body , input { font-family : "Roboto" , "Helvetica Neue" , Helvetica , Arial , sans-serif } code , kbd , pre { font-family : "Roboto Mono" , "Courier New" , Courier , monospace } < / style >
< link rel = "stylesheet" href = "assets/fonts/material-icons.css" >
< link rel = "stylesheet" href = "css/paragraph.css" >
< link rel = "stylesheet" href = "css/extra.css" >
< link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.6.1/css/all.css" >
< script >
window.ga = window.ga || function() {
(ga.q = ga.q || []).push(arguments)
}
ga.l = +new Date
/* Setup integration and send page view */
ga("create", "UA-116150854-1", "auto")
ga("set", "anonymizeIp", true)
ga("send", "pageview")
/* Register handler to log search on blur */
document.addEventListener("DOMContentLoaded", () => {
if (document.forms.search) {
var query = document.forms.search.query
query.addEventListener("blur", function() {
if (this.value) {
var path = document.location.pathname;
ga("send", "pageview", path + "?q=" + this.value)
}
})
}
})
< / script >
< script async src = "https://www.google-analytics.com/analytics.js" > < / script >
< / head >
< body dir = "ltr" data-md-color-primary = "indigo" data-md-color-accent = "indigo" >
< svg class = "md-svg" >
< defs >
< svg xmlns = "http://www.w3.org/2000/svg" width = "416" height = "448" viewBox = "0 0 416 448" id = "__github" > < path fill = "currentColor" d = "M160 304q0 10-3.125 20.5t-10.75 19T128 352t-18.125-8.5-10.75-19T96 304t3.125-20.5 10.75-19T128 256t18.125 8.5 10.75 19T160 304zm160 0q0 10-3.125 20.5t-10.75 19T288 352t-18.125-8.5-10.75-19T256 304t3.125-20.5 10.75-19T288 256t18.125 8.5 10.75 19T320 304zm40 0q0-30-17.25-51T296 232q-10.25 0-48.75 5.25Q229.5 240 208 240t-39.25-2.75Q130.75 232 120 232q-29.5 0-46.75 21T56 304q0 22 8 38.375t20.25 25.75 30.5 15 35 7.375 37.25 1.75h42q20.5 0 37.25-1.75t35-7.375 30.5-15 20.25-25.75T360 304zm56-44q0 51.75-15.25 82.75-9.5 19.25-26.375 33.25t-35.25 21.5-42.5 11.875-42.875 5.5T212 416q-19.5 0-35.5-.75t-36.875-3.125-38.125-7.5-34.25-12.875T37 371.5t-21.5-28.75Q0 312 0 260q0-59.25 34-99-6.75-20.5-6.75-42.5 0-29 12.75-54.5 27 0 47.5 9.875t47.25 30.875Q171.5 96 212 96q37 0 70 8 26.25-20.5 46.75-30.25T376 64q12.75 25.5 12.75 54.5 0 21.75-6.75 42 34 40 34 99.5z" / > < / svg >
< / defs >
< / svg >
< input class = "md-toggle" data-md-toggle = "drawer" type = "checkbox" id = "__drawer" autocomplete = "off" >
< input class = "md-toggle" data-md-toggle = "search" type = "checkbox" id = "__search" autocomplete = "off" >
< label class = "md-overlay" data-md-component = "overlay" for = "__drawer" > < / label >
< a href = "#constructor" tabindex = "1" class = "md-skip" >
Skip to content
< / a >
< header class = "md-header" data-md-component = "header" >
< nav class = "md-header-nav md-grid" >
< div class = "md-flex" >
< div class = "md-flex__cell md-flex__cell--shrink" >
< a href = "https://Hieromon.github.io/AutoConnect/" title = "AutoConnect for ESP8266/ESP32" class = "md-header-nav__button md-logo" >
< img src = "images/arduino-logo.svg" width = "24" height = "24" >
< / a >
< / div >
< div class = "md-flex__cell md-flex__cell--shrink" >
< label class = "md-icon md-icon--menu md-header-nav__button" for = "__drawer" > < / label >
< / div >
< div class = "md-flex__cell md-flex__cell--stretch" >
< div class = "md-flex__ellipsis md-header-nav__title" data-md-component = "title" >
< span class = "md-header-nav__topic" >
AutoConnect for ESP8266/ESP32
< / span >
< span class = "md-header-nav__topic" >
AutoConnectAux API
< / span >
< / div >
< / div >
< div class = "md-flex__cell md-flex__cell--shrink" >
< label class = "md-icon md-icon--search md-header-nav__button" for = "__search" > < / label >
< div class = "md-search" data-md-component = "search" role = "dialog" >
< label class = "md-search__overlay" for = "__search" > < / label >
< div class = "md-search__inner" role = "search" >
< form class = "md-search__form" name = "search" >
< input type = "text" class = "md-search__input" name = "query" placeholder = "Search" autocapitalize = "off" autocorrect = "off" autocomplete = "off" spellcheck = "false" data-md-component = "query" data-md-state = "active" >
< label class = "md-icon md-search__icon" for = "__search" > < / label >
< button type = "reset" class = "md-icon md-search__icon" data-md-component = "reset" tabindex = "-1" >

< / button >
< / form >
< div class = "md-search__output" >
< div class = "md-search__scrollwrap" data-md-scrollfix >
< div class = "md-search-result" data-md-component = "result" >
< div class = "md-search-result__meta" >
Type to start searching
< / div >
< ol class = "md-search-result__list" > < / ol >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "md-flex__cell md-flex__cell--shrink" >
< div class = "md-header-nav__source" >
< a href = "https://github.com/Hieromon/AutoConnect" title = "Go to repository" class = "md-source" data-md-source = "github" >
< div class = "md-source__icon" >
< svg viewBox = "0 0 24 24" width = "24" height = "24" >
< use xlink:href = "#__github" width = "24" height = "24" > < / use >
< / svg >
< / div >
< div class = "md-source__repository" >
Hieromon/AutoConnect
< / div >
< / a >
< / div >
< / div >
< / div >
< / nav >
< / header >
< div class = "md-container" >
< main class = "md-main" >
< div class = "md-main__inner md-grid" data-md-component = "container" >
< div class = "md-sidebar md-sidebar--primary" data-md-component = "navigation" >
< div class = "md-sidebar__scrollwrap" >
< div class = "md-sidebar__inner" >
< nav class = "md-nav md-nav--primary" data-md-level = "0" >
< label class = "md-nav__title md-nav__title--site" for = "__drawer" >
< a href = "https://Hieromon.github.io/AutoConnect/" title = "AutoConnect for ESP8266/ESP32" class = "md-nav__button md-logo" >
< img src = "images/arduino-logo.svg" width = "48" height = "48" >
< / a >
AutoConnect for ESP8266/ESP32
< / label >
< div class = "md-nav__source" >
< a href = "https://github.com/Hieromon/AutoConnect" title = "Go to repository" class = "md-source" data-md-source = "github" >
< div class = "md-source__icon" >
< svg viewBox = "0 0 24 24" width = "24" height = "24" >
< use xlink:href = "#__github" width = "24" height = "24" > < / use >
< / svg >
< / div >
< div class = "md-source__repository" >
Hieromon/AutoConnect
< / div >
< / a >
< / div >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "index.html" title = "Overview" class = "md-nav__link" >
Overview
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "gettingstarted.html" title = "Getting started" class = "md-nav__link" >
Getting started
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "menu.html" title = "AutoConnect menu" class = "md-nav__link" >
AutoConnect menu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "basicusage.html" title = "Basic usage" class = "md-nav__link" >
Basic usage
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "advancedusage.html" title = "Advanced usage" class = "md-nav__link" >
Advanced usage
< / a >
< / li >
< li class = "md-nav__item md-nav__item--nested" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "nav-6" type = "checkbox" id = "nav-6" >
< label class = "md-nav__link" for = "nav-6" >
Custom Web pages
< / label >
< nav class = "md-nav" data-md-component = "collapsible" data-md-level = "1" >
< label class = "md-nav__title" for = "nav-6" >
Custom Web pages
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "acintro.html" title = "Custom Web pages with AutoConnect" class = "md-nav__link" >
Custom Web pages with AutoConnect
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "acelements.html" title = "AutoConnectElements" class = "md-nav__link" >
AutoConnectElements
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "acjson.html" title = "Custom Web pages with JSON" class = "md-nav__link" >
Custom Web pages with JSON
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "achandling.html" title = "Handling the custom Web pages" class = "md-nav__link" >
Handling the custom Web pages
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item md-nav__item--nested" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "nav-7" type = "checkbox" id = "nav-7" >
< label class = "md-nav__link" for = "nav-7" >
OTA Updates
< / label >
< nav class = "md-nav" data-md-component = "collapsible" data-md-level = "1" >
< label class = "md-nav__title" for = "nav-7" >
OTA Updates
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "otaupdate.html" title = "OTA Updates" class = "md-nav__link" >
OTA Updates
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "otabrowser.html" title = "Using Web Browser" class = "md-nav__link" >
Using Web Browser
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "otaserver.html" title = "Using Update Server" class = "md-nav__link" >
Using Update Server
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item md-nav__item--active md-nav__item--nested" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "nav-8" type = "checkbox" id = "nav-8" checked >
< label class = "md-nav__link" for = "nav-8" >
Library APIs
< / label >
< nav class = "md-nav" data-md-component = "collapsible" data-md-level = "1" >
< label class = "md-nav__title" for = "nav-8" >
Library APIs
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "api.html" title = "AutoConnect API" class = "md-nav__link" >
AutoConnect API
< / a >
< / li >
< li class = "md-nav__item md-nav__item--active" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "toc" type = "checkbox" id = "__toc" >
< label class = "md-nav__link md-nav__link--active" for = "__toc" >
AutoConnectAux API
< / label >
< a href = "apiaux.html" title = "AutoConnectAux API" class = "md-nav__link md-nav__link--active" >
AutoConnectAux API
< / a >
< nav class = "md-nav md-nav--secondary" >
< label class = "md-nav__title" for = "__toc" > Table of contents< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "#constructor" title = " Constructor" class = "md-nav__link" >
Constructor
< / a >
< nav class = "md-nav" >
< ul class = "md-nav__list" >
< li class = "md-nav__item" >
< a href = "#autoconnectaux" title = "AutoConnectAux" class = "md-nav__link" >
AutoConnectAux
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item" >
< a href = "#public-member-functions" title = " Public member functions" class = "md-nav__link" >
Public member functions
< / a >
< nav class = "md-nav" >
< ul class = "md-nav__list" >
< li class = "md-nav__item" >
< a href = "#operator" title = " operator [ ]" class = "md-nav__link" >
operator [ ]
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#add" title = " add" class = "md-nav__link" >
add
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#fetchelement" title = " fetchElement" class = "md-nav__link" >
fetchElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#getelement" title = " getElement" class = "md-nav__link" >
getElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#getelements" title = " getElements" class = "md-nav__link" >
getElements
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#ismenu" title = " isMenu" class = "md-nav__link" >
isMenu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#isvalid" title = " isValid" class = "md-nav__link" >
isValid
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#load" title = " load" class = "md-nav__link" >
load
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#loadelement" title = " loadElement" class = "md-nav__link" >
loadElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#menu" title = " menu" class = "md-nav__link" >
menu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#on" title = " on" class = "md-nav__link" >
on
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#onupload" title = " onUpload" class = "md-nav__link" >
onUpload
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#release" title = " release" class = "md-nav__link" >
release
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#saveelement" title = " saveElement" class = "md-nav__link" >
saveElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#setelementvalue" title = " setElementValue" class = "md-nav__link" >
setElementValue
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#settitle" title = " setTitle" class = "md-nav__link" >
setTitle
< / a >
< / li >
< / ul >
< / nav >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item" >
< a href = "apiconfig.html" title = "AutoConnectConfig API" class = "md-nav__link" >
AutoConnectConfig API
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "apielements.html" title = "AutoConnectElements API" class = "md-nav__link" >
AutoConnectElements API
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "apiupdate.html" title = "AutoConnectUpdate API" class = "md-nav__link" >
AutoConnectUpdate API
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "apiextra.html" title = "Something extra" class = "md-nav__link" >
Something extra
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item md-nav__item--nested" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "nav-9" type = "checkbox" id = "nav-9" >
< label class = "md-nav__link" for = "nav-9" >
Examples
< / label >
< nav class = "md-nav" data-md-component = "collapsible" data-md-level = "1" >
< label class = "md-nav__title" for = "nav-9" >
Examples
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "howtoembed.html" title = "How to embed" class = "md-nav__link" >
How to embed
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "datatips.html" title = "Tips for data conversion" class = "md-nav__link" >
Tips for data conversion
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "menuize.html" title = "Attach the menu" class = "md-nav__link" >
Attach the menu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "wojson.html" title = "Custom Web pages w/o JSON" class = "md-nav__link" >
Custom Web pages w/o JSON
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item md-nav__item--nested" >
< input class = "md-toggle md-nav__toggle" data-md-toggle = "nav-10" type = "checkbox" id = "nav-10" >
< label class = "md-nav__link" for = "nav-10" >
Appendix
< / label >
< nav class = "md-nav" data-md-component = "collapsible" data-md-level = "1" >
< label class = "md-nav__title" for = "nav-10" >
Appendix
< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "lsbegin.html" title = "Inside AutoConnect::begin" class = "md-nav__link" >
Inside AutoConnect::begin
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "credit.html" title = "Saved credentials access" class = "md-nav__link" >
Saved credentials access
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "acupload.html" title = "File upload handler" class = "md-nav__link" >
File upload handler
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "colorized.html" title = "Custom colorized" class = "md-nav__link" >
Custom colorized
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item" >
< a href = "faq.html" title = "FAQ" class = "md-nav__link" >
FAQ
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "changelog.html" title = "Change log" class = "md-nav__link" >
Change log
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "license.html" title = "License" class = "md-nav__link" >
License
< / a >
< / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< div class = "md-sidebar md-sidebar--secondary" data-md-component = "toc" >
< div class = "md-sidebar__scrollwrap" >
< div class = "md-sidebar__inner" >
< nav class = "md-nav md-nav--secondary" >
< label class = "md-nav__title" for = "__toc" > Table of contents< / label >
< ul class = "md-nav__list" data-md-scrollfix >
< li class = "md-nav__item" >
< a href = "#constructor" title = " Constructor" class = "md-nav__link" >
Constructor
< / a >
< nav class = "md-nav" >
< ul class = "md-nav__list" >
< li class = "md-nav__item" >
< a href = "#autoconnectaux" title = "AutoConnectAux" class = "md-nav__link" >
AutoConnectAux
< / a >
< / li >
< / ul >
< / nav >
< / li >
< li class = "md-nav__item" >
< a href = "#public-member-functions" title = " Public member functions" class = "md-nav__link" >
Public member functions
< / a >
< nav class = "md-nav" >
< ul class = "md-nav__list" >
< li class = "md-nav__item" >
< a href = "#operator" title = " operator [ ]" class = "md-nav__link" >
operator [ ]
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#add" title = " add" class = "md-nav__link" >
add
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#fetchelement" title = " fetchElement" class = "md-nav__link" >
fetchElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#getelement" title = " getElement" class = "md-nav__link" >
getElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#getelements" title = " getElements" class = "md-nav__link" >
getElements
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#ismenu" title = " isMenu" class = "md-nav__link" >
isMenu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#isvalid" title = " isValid" class = "md-nav__link" >
isValid
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#load" title = " load" class = "md-nav__link" >
load
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#loadelement" title = " loadElement" class = "md-nav__link" >
loadElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#menu" title = " menu" class = "md-nav__link" >
menu
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#on" title = " on" class = "md-nav__link" >
on
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#onupload" title = " onUpload" class = "md-nav__link" >
onUpload
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#release" title = " release" class = "md-nav__link" >
release
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#saveelement" title = " saveElement" class = "md-nav__link" >
saveElement
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#setelementvalue" title = " setElementValue" class = "md-nav__link" >
setElementValue
< / a >
< / li >
< li class = "md-nav__item" >
< a href = "#settitle" title = " setTitle" class = "md-nav__link" >
setTitle
< / a >
< / li >
< / ul >
< / nav >
< / li >
< / ul >
< / nav >
< / div >
< / div >
< / div >
< div class = "md-content" >
< article class = "md-content__inner md-typeset" >
< h1 > AutoConnectAux API< / h1 >
< h2 id = "constructor" > < i class = "fa fa-code" > < / i > Constructor< a class = "headerlink" href = "#constructor" title = "Permanent link" > ¶ < / a > < / h2 >
< h3 id = "autoconnectaux" > AutoConnectAux< a class = "headerlink" href = "#autoconnectaux" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectAux(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > uri< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ),< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > title< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ),< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > menu< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > true,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > AutoConnectElementVT< / span > < span style = "color: #f8f8f2" > addons< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > AutoConnectElementVT())< / span >
< / pre > < / div >
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > uri< / span > < span class = "apidesc" > URI of this custom Web Page.< / span > < / dd >
< dd > < span class = "apidef" > title< / span > < span class = "apidesc" > Page title of this custom Web page. It will appear on the auto connection menu and at the top of that page.< / span > < / dd >
< dd > < span class = "apidef" > menu< / span > < span class = "apidesc" > Specifies whether to display this page on menu.< / span > < / dd >
< dd > < span class = "apidef" > addons< / span > < span class = "apidesc" > Reference to AutoConnectElement collection.< / span > < / dt >
< / dl > < / p >
< h2 id = "public-member-functions" > < i class = "fa fa-code" > < / i > Public member functions< a class = "headerlink" href = "#public-member-functions" title = "Permanent link" > ¶ < / a > < / h2 >
< h3 id = "operator" > < i class = "fa fa-caret-right" > < / i > operator [ ]< a class = "headerlink" href = "#operator" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectElement< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #66d9ef" > operator< / span > < span style = "color: #f8f8f2" > [](< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name)< / span >
< / pre > < / div >
Returns a reference to the element specified by < strong > name< / strong > . An operator < code > []< / code > is a shortcut for < a href = "apiaux.html#getelement" > getElement< / a > function with the reference casting. Unlike getElement, which returns a pointer to that element, an operator < code > []< / code > returns a reference to that element. You also need to cast the return value to the actual type, just like the getElement function.
< dl class = "apidl" >
< dt > < strong > Parameter< / strong > < / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > Name of the AutoConnectElements to be retrieved.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt > < dd > A reference to AutoConnectElement. It is different from the actual element type.< / dd >
< / dl > < / p >
< h3 id = "add" > < i class = "fa fa-caret-right" > < / i > add< a class = "headerlink" href = "#add" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > add(AutoConnectElement< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > addon)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > add(AutoConnectElementVT< / span > < span style = "color: #f8f8f2" > addons)< / span >
< / pre > < / div >
Add an element to the AutoConnectAux. An added element is displayed on the custom Web page invoked from the AutoConnect menu.
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > addon< / span > < span class = "apidesc" > Reference of AutoConnectElements. Specifies one of the AutoConnectElements classes.< / span > < / dd >
< dd > < span class = "apidef" > addons< / span > < span class = "apidesc" > An array list of reference of AutoConnectElements. The < a href = "https://en.cppreference.com/w/cpp/language/list_initialization" > list initialization< / a > with braced-init-list of the < a href = "https://en.cppreference.com/w/cpp/container/vector" > std::vector< / a > can be used for the addons parameter cause the actual definition of type < strong > AutoConnectElementVT< / strong > is < code > std::vector< std::reference_wrapper< AutoConnectElement> > < / code > .< / span > < / dd >
< / dl > < / p >
< h3 id = "fetchelement" > < i class = "fa fa-caret-right" > < / i > fetchElement< a class = "headerlink" href = "#fetchelement" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > fetchElement(< / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > )< / span >
< / pre > < / div >
Retrieve the values of the AutoConnectElements on the custom Web page. Refer to < a href = "achandling.html#retrieve-the-values-with-webserveron-handler" > how to use the fetchElement< / a > .< / p >
< h3 id = "getelement" > < i class = "fa fa-caret-right" > < / i > getElement< a class = "headerlink" href = "#getelement" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > T< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > getElement< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > T< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #f8f8f2" > (< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectElement< / span > < span style = "color: #f92672" > *< / span > < span style = "color: #f8f8f2" > getElement(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name)< / span >
< / pre > < / div >
Get a registered AutoConnectElement as specified name. If < strong > T< / strong > is specified as an actual type of AutoConnectElements, it returns a reference to that instance.
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > T< / span > < span class = "apidesc" > Actual type name of AutoConnectElements as < a href = "apielements.html#autoconnectbutton" > AutoConnectButton< / a > , < a href = "apielements.html#autoconnectcheckbox" > AutoConnectCheckbox< / a > , < a href = "apielements.html#autoconnectelement" > AutoConnectElement< / a > , < a href = "apielements.html#autoconnectfile" > AutoConnectFile< / a > , < a href = "apielements.html#autoconnectinput" > AutoConnectInput< / a > , < a href = "apielements.html#autoconnectradio" > AutoConnectRadio< / a > , < a href = "apielements.html#autoconnectselect" > AutoConnectSelect< / a > , < a href = "apielements.html#autoconnectsubmit" > AutoConnectSubmit< / a > , < a href = "apielements.html#autoconnecttext" > AutoConnectText< / a > .< / span > < / dd >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > Name of the AutoConnectElements to be retrieved.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt > < dd > A reference of the AutoConnectElements. If a type is not specified returns a pointer.< / dd >
< / dl > < / p >
< h3 id = "getelements" > < i class = "fa fa-caret-right" > < / i > getElements< a class = "headerlink" href = "#getelements" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectElementVT< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > getElements(< / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > )< / span >
< / pre > < / div >
Get vector of reference of all elements.
< dl class = "apidl" >
< dt > < strong > Return value< / strong > < / dt >
< dd > A reference to std::vector of reference to AutoConnecctElements.< / dd >
< / dl > < / p >
< p > The getElements returns a reference to std::vector of reference to AutoConnecctElements. This function is provided to handle AutoConnectElemets owned by AutoConnectAux in bulk, and you can use each method of std::vector for a return value.< / p >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #75715e" > // An example of getting type and name of all AutoConnectElements registered in AutoConnectAux.< / span >
< span style = "color: #f8f8f2" > AutoConnectAux< / span > < span style = "color: #f8f8f2" > aux;< / span >
< span style = "color: #75715e" > // some code here...< / span >
< span style = "color: #f8f8f2" > AutoConnectElementVt< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > elements< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > aux.getElements();< / span >
< span style = "color: #66d9ef" > for< / span > < span style = "color: #f8f8f2" > (AutoConnectElement< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > elm< / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #f8f8f2" > elements)< / span > < span style = "color: #f8f8f2" > {< / span >
< span style = "color: #f8f8f2" > Serial.printf(< / span > < span style = "color: #e6db74" > " name< %s> as type %d< / span > < span style = "color: #ae81ff" > \n< / span > < span style = "color: #e6db74" > " < / span > < span style = "color: #f8f8f2" > ,< / span > < span style = "color: #f8f8f2" > elm.name.c_str(),< / span > < span style = "color: #f8f8f2" > (< / span > < span style = "color: #66d9ef" > int< / span > < span style = "color: #f8f8f2" > )elm.typeOf());< / span >
< span style = "color: #f8f8f2" > }< / span >
< / pre > < / div >
< h3 id = "ismenu" > < i class = "fa fa-caret-right" > < / i > isMenu< a class = "headerlink" href = "#ismenu" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > isMenu(< / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > )< / span >
< / pre > < / div >
Returns whether embedded in the menu or not. The isMenu is a function that complements the < a href = "apiaux.html#menu" > menu< / a > function.
< dl class = "apidl" >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > The custom Web page has been incorporated into the AutoConnect menu as a menu item.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > This custom Web page is not currently a menu item.< / span > < / dd >
< / dl > < / p >
< h3 id = "isvalid" > < i class = "fa fa-caret-right" > < / i > isValid< a class = "headerlink" href = "#isvalid" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > isValid(< / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > )< / span >
< / pre > < / div >
Performs < a href = "apielements.html#isvalid" > validation< / a > of all < a href = "apielements.html#autoconnectinput" > AutoConnectInput< / a > elements owned by AutoConnectAux and returns the result. The isValid function will return the true even if the AutoConnectAux does not own AutoConnectInputs.
< dl class = "apidl" >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > Validation is successful. A value of all AutoConnectInputs match with each pattern.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > Some elements failed validation.< / span > < / dd >
< / dl > < / p >
< h3 id = "load" > < i class = "fa fa-caret-right" > < / i > load< a class = "headerlink" href = "#load" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > load(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > load(PGM_P< / span > < span style = "color: #f8f8f2" > in)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > load(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > __FlashStringHelper< / span > < span style = "color: #f92672" > *< / span > < span style = "color: #f8f8f2" > in)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > load(Stream< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in)< / span >
< / pre > < / div >
Load all AutoConnectElements elements from JSON document into AutoConnectAux as custom Web pages. The JSON document specified by the load function must be the < a href = "acjson.html#json-objects-elements-for-the-custom-web-page" > document structure< / a > of AutoConnectAux. Its JSON document can describe multiple pages as an array.
< dl class = "apidl" >
< dt > < strong > Parameter< / strong > < / dt >
< dd > < span class = "apidef" > in< / span > < span class = "apidesc" > Specifies the JSON document to be load. The load function can input the following objects.< / p >
< ul >
< li > String : Read-only String< / li >
< li > PROGMEM : Character array contained in the flash< / li >
< li > Stream : An entity that inherits stream class, generally SPIFFS or SD.
< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > JSON document as the custom Web pages successfully loaded.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > JSON document loading failed.< / span > < / dd >
< / dl > < / li >
< / ul >
< div class = "admonition hint" >
< p class = "admonition-title" > Load multiple custom Web pages separately< / p >
< p > Multiple custom Web pages can be loaded at once with JSON as an array. But it will consume a lot of memory. By loading a JSON document by page as much as possible, you can reduce memory consumption.< / p >
< / div >
< h3 id = "loadelement" > < i class = "fa fa-caret-right" > < / i > loadElement< a class = "headerlink" href = "#loadelement" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ))< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > names)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(PGM_P< / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ))< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(PGM_P< / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > names)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > __FlashStringHelper< / span > < span style = "color: #f92672" > *< / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ))< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > __FlashStringHelper< / span > < span style = "color: #f92672" > *< / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > names)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(Stream< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > String(< / span > < span style = "color: #e6db74" > " " < / span > < span style = "color: #f8f8f2" > ))< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > loadElement(Stream< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > in,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > names)< / span >
< / pre > < / div >
Load specified element from JSON document into AutoConnectAux. The JSON document specified by the loadElement function must be the < a href = "acjson.html#json-object-for-autoconnectelements" > AutoConnectElement document structure< / a > . When loading from a JSON document that describes multiple elements, its description must be an array syntax.
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > in< / span > < span class = "apidesc" > Specifies the JSON document to be load. The load function can input the following objects.< / p >
< ul >
< li > String : Read-only String< / li >
< li > PROGMEM : Character array contained in the flash< / li >
< li > Stream : An entity that inherits stream class, generally SPIFFS or SD.
< / span > < / dd >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > Specifies the name to be load. If the name is not specified, the loadElement function will load all elements contained in the JSON document.< / span > < / dd >
< dd > < span class = "apidef" > names< / span > < span class = "apidesc" > Spefifies an array list of String indicating the name of the element to be loaded. The < a href = "https://en.cppreference.com/w/cpp/language/list_initialization" > list initialization< / a > with braced-init-list of the < a href = "https://en.cppreference.com/w/cpp/container/vector" > std::vector< / a > can be used.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > Specified AutoConnectElements successfully loaded.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > JSON document loading failed.< / span > < / dd >
< / dl > < / li >
< / ul >
< div class = "admonition caution" >
< p class = "admonition-title" > Maybe it is an array< / p >
< p > Please note that the JSON document that is the input for loadElement is an array syntax of AutoConnectElements when there are multiple elements. For example, the following JSON document has a syntax error:< / p >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > {< / span >
< span style = "color: #f92672" > " name" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " Caption" < / span > < span style = "color: #f8f8f2" > ,< / span >
< span style = "color: #f92672" > " type" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " ACText" < / span > < span style = "color: #f8f8f2" > ,< / span >
< span style = "color: #f92672" > " value" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " Hello, world" < / span >
< span style = "color: #f8f8f2" > }< / span > < span style = "color: #960050; background-color: #1e0010" > ,< / span >
< span style = "color: #f8f8f2" > {< / span >
< span style = "color: #f92672" > " name" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " Server" < / span > < span style = "color: #f8f8f2" > ,< / span >
< span style = "color: #f92672" > " type" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " ACInput" < / span > < span style = "color: #f8f8f2" > ,< / span >
< span style = "color: #f92672" > " label" < / span > < span style = "color: #f8f8f2" > :< / span > < span style = "color: #e6db74" > " Server address" < / span >
< span style = "color: #f8f8f2" > }< / span >
< / pre > < / div >
The outermost < code > [< / code > , < code > ]< / code > is missing.< / p >
< / div >
< h3 id = "menu" > < i class = "fa fa-caret-right" > < / i > menu< a class = "headerlink" href = "#menu" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > menu(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > post)< / span >
< / pre > < / div >
Set or reset the display as menu item for this AutoConnectAux. This function programmatically manipulates the menu parameter of the < a href = "apiaux.html#autoconnectaux" > AutoConnectAux constructor< / a > .
< dl class = "apidl" >
< dt > < strong > Parameter< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > Show on the menu.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > Hidden on the menu.< / span > < / dd >
< / dl > < / p >
< h3 id = "on" > < i class = "fa fa-caret-right" > < / i > on< a class = "headerlink" href = "#on" title = "Permanent link" > ¶ < / a > < / h3 >
< dl >
< dt > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > on(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > AuxHandlerFunctionT< / span > < span style = "color: #f8f8f2" > handler,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > AutoConnectExitOrder_t< / span > < span style = "color: #f8f8f2" > order< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > AC_EXIT_AHEAD)< / span >
< / pre > < / div > < / dt >
< dt > Register the handler function of the AutoConnectAux.< / dt >
< dt > < dl class = "apidl" > < / dt >
< dt > < dt > < strong > Parameters< / strong > < / dt > < / dt >
< dt > < dd > < span class = "apidef" > handler< / span > < span class = "apidesc" > A function that behaves when a request to the AutoConnectAux page occurs. AuxHandlerFunctionT type is defined by the following declaration.< p class = "apidesc" > < code > String handler(AutoConnectAux& , PageArgument& )< / code > < / p > < / span > < / dd > < / dt >
< dt > < dd > < span class = "apidef" > order< / span > < span class = "apidesc" > Specifies when the handler is called with the following enumeration value.< / span > < / dt >
< dd >
< ul >
< li > < strong > AC_EXIT_AHEAD< / strong > :
Called before AutoConnect generates the HTML of the page. You set the value of AutoConnectElements in the handler then its value will be displayed on the page.< / li >
< / ul >
< / dd >
< dd >
< ul >
< li > < strong > AC_EXIT_LATER< / strong > :
Called after AutoConnect generates the HTML of the page. You can append to HTML generated by AutoConnect.< / li >
< / ul >
< / dd >
< dd >
< ul >
< li > < strong > AC_EXIT_BOTH< / strong > :
Called even before generating HTML and after generated.< / dd > < / li >
< / ul >
< / dd >
< / dl >
< / dl >
< h3 id = "onupload" > < i class = "fa fa-caret-right" > < / i > onUpload< a class = "headerlink" href = "#onupload" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > onUpload< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > T< / span > < span style = "color: #f92672" > & > < / span > < span style = "color: #f8f8f2" > (T< / span > < span style = "color: #f8f8f2" > handler)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > onUpload(PageBuilder< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > UploadFuncT< / span > < span style = "color: #f8f8f2" > uploadFunc)< / span >
< / pre > < / div >
Register the upload handler of the AutoConnectAux.
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > T< / span > < span class = "apidesc" > Specifies a class name of the custom uploader inherited from < a href = "acupload.html#upload-handler-base-class" > AutoConnectUploadHandler< / a > class. Refer to the < a href = "acupload.html#to-upload-to-a-device-other-than-flash-or-sd" > appendix< / a > for details.< / span > < / dd >
< dd > < span class = "apidef" > handler< / span > < span class = "apidesc" > Specifies the custom uploader inherited from < a href = "acupload.html#upload-handler-base-class" > AutoConnectUploadHandler< / a > class. Refer to the < a href = "acupload.html#to-upload-to-a-device-other-than-flash-or-sd" > appendix< / a > for details.< / span > < / dd >
< dd > < span class = "apidef" > uploadFunc< / span > < span class = "apidesc" > A function that behaves when request to upload with the AutoConnectAux page. UploadFuncT type is defined by the following declaration.< p class = "apidesc" > < code > void(const String& , const HTTPUpload& )< / code > < / p > < p > A data structure of the upload file as HTTPUpload. It is defined in the ESP8266WebServer (the WebServer for ESP32) library as follows:< / p >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > typedef< / span > < span style = "color: #66d9ef" > struct< / span > < span style = "color: #f8f8f2" > {< / span >
< span style = "color: #f8f8f2" > HTTPUploadStatus< / span > < span style = "color: #f8f8f2" > status;< / span >
< span style = "color: #f8f8f2" > String< / span > < span style = "color: #f8f8f2" > filename;< / span >
< span style = "color: #f8f8f2" > String< / span > < span style = "color: #f8f8f2" > name;< / span >
< span style = "color: #f8f8f2" > String< / span > < span style = "color: #f8f8f2" > type;< / span >
< span style = "color: #66d9ef" > size_t< / span > < span style = "color: #f8f8f2" > totalSize;< / span >
< span style = "color: #66d9ef" > size_t< / span > < span style = "color: #f8f8f2" > currentSize;< / span >
< span style = "color: #66d9ef" > size_t< / span > < span style = "color: #f8f8f2" > contentLength;< / span >
< span style = "color: #66d9ef" > uint8_t< / span > < span style = "color: #f8f8f2" > buf[HTTP_UPLOAD_BUFLEN];< / span >
< span style = "color: #f8f8f2" > }< / span > < span style = "color: #f8f8f2" > HTTPUpload;< / span >
< / pre > < / div >
< / p > Refer to '< a href = "acupload.html#to-upload-to-a-device-other-than-flash-or-sd" > To upload to a device other than Flash or SD< / a > ' in section < a href = "acupload.html" > appendix< / a > for details.< / span > < / dd >
< / dl > < / p >
< h3 id = "release" > < i class = "fa fa-caret-right" > < / i > release< a class = "headerlink" href = "#release" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > release(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name)< / span >
< / pre > < / div >
Release a specified AutoConnectElement from AutoConnectAux. The release function is provided to dynamically change the structure of the custom Web pages with the sketch. By combining the release function and the < a href = "apiaux.html#add" > add< / a > function or the < a href = "apiaux.html#loadelement" > loadElement< / a > function, the sketch can change the style of the custom Web page according to its behavior.
< dl class = "apidl" >
< dt > < strong > Parameter< / strong > < / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > Specifies the name of AutoConnectElements to be released.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > The AutoConnectElement successfully released.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > The AutoConnectElement can not be released.< / span > < / dd >
< / dl > < / p >
< h3 id = "saveelement" > < i class = "fa fa-caret-right" > < / i > saveElement< a class = "headerlink" href = "#saveelement" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > size_t< / span > < span style = "color: #f8f8f2" > saveElement(Stream< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > out,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > names< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > {})< / span >
< / pre > < / div >
Write elements of AutoConnectAux to the stream. The saveElement function outputs the specified AutoConnectElements as a JSON document using the < a href = "https://arduinojson.org/v5/api/jsonobject/prettyprintto/" > prettyPrintTo< / a > function of the < a href = "https://arduinojson.org/" > ArduinoJson< / a > library.
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > out< / span > < span class = "apidesc" > Output stream to be output. SPIFFS, SD also Serial can be specified generally.< / span > < / dd >
< dd > < span class = "apidef" > names< / span > < span class = "apidesc" > The array of the name of AutoConnectElements to be output. If the names parameter is not specified, all AutoConnectElements registered in AutoConnectAux are output.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt >
< dd > The number of bytes written.< / dd >
< / dl > < / p >
< div class = "admonition note" >
< p class = "admonition-title" > The output format is pretty< / p >
< p > The saveElement function outputs a prettified JSON document.< / p >
< / div >
< div class = "admonition info" >
< p class = "admonition-title" > It is not complementary with loadElement< / p >
< p > The saveElement function which missing the names parameter without name list to be saved that saves an entire AutoConnectAux element, not just AutoConnectElements. Its saved JSON document is not a complementary input to the loadElement function. The JSON document describing AutoConnectAux saved without the names parameter must be loaded by the < a href = "apiaux.html#load" > AutoConnectAux::load< / a > function or < a href = "api.html#load" > AutoConnect::load< / a > function.< / p >
< / div >
< h3 id = "setelementvalue" > < i class = "fa fa-caret-right" > < / i > setElementValue< a class = "headerlink" href = "#setelementvalue" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > setElementValue(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name,< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f8f8f2" > value)< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > bool< / span > < span style = "color: #f8f8f2" > setElementValue(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > name,< / span > < span style = "color: #f8f8f2" > std< / span > < span style = "color: #f92672" > ::< / span > < span style = "color: #f8f8f2" > vector< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > values)< / span >
< / pre > < / div >
Sets the value of the specified AutoConnectElement. If values < em > std::vector< / em > of String, the element that can set the values is the < a href = "apielements.html#autoconnectradio" > AutoConnectRadio< / a > or the < a href = "apielements.html#autoconnectselect" > AutoConnectSelect< / a > .
< dl class = "apidl" >
< dt > < strong > Parameters< / strong > < / dt >
< dd > < span class = "apidef" > name< / span > < span class = "apidesc" > Specifies the name of the AutoConnectElements that you want to set the value.< / span > < / dd >
< dd > < span class = "apidef" > value< / span > < span class = "apidesc" > Specifies the value to be set.< / span > < / dd >
< dd > < span class = "apidef" > values< / span > < span class = "apidesc" > Specifies a reference of a < em > std::vector< / em > of String. It contains the values of the AutoConnectRadio or the AutoConnectSelect.< / span > < / dd >
< dt > < strong > Return value< / strong > < / dt >
< dd > < span class = "apidef" > true< / span > < span class = "apidesc" > The value has been set.< / span > < / dd >
< dd > < span class = "apidef" > false< / span > < span class = "apidesc" > AutoConnectElements with the specified name are not registered. Or the type of the value is not consistent with the specified AutoConnectElements.< / span > < / dd >
< / dl > < / p >
< div class = "admonition hint" >
< p class = "admonition-title" > You can directly access the value member variable.< / p >
< p > If you are gripping with the sketch to the AutoConnectElements of the target that sets the value, you can access the value member variable directly. The following sketch code has the same effect.
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectAux< / span > < span style = "color: #f8f8f2" > aux;< / span >
< span style = "color: #75715e" > // ... Griping the AutoConnectText here.< / span >
< span style = "color: #f8f8f2" > aux.setElementValue(< / span > < span style = "color: #e6db74" > " TEXT_FIELD" < / span > < span style = "color: #f8f8f2" > ,< / span > < span style = "color: #e6db74" > " New value" < / span > < span style = "color: #f8f8f2" > );< / span >
< / pre > < / div >
< div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #f8f8f2" > AutoConnectAux< / span > < span style = "color: #f8f8f2" > aux;< / span >
< span style = "color: #75715e" > // ... Griping the AutoConnectText here.< / span >
< span style = "color: #f8f8f2" > AutoConnectText< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > text< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #f8f8f2" > aux.getElement< / span > < span style = "color: #f92672" > < < / span > < span style = "color: #f8f8f2" > AutoConnectText< / span > < span style = "color: #f92672" > > < / span > < span style = "color: #f8f8f2" > (< / span > < span style = "color: #e6db74" > " TEXT_FIELD" < / span > < span style = "color: #f8f8f2" > );< / span >
< span style = "color: #f8f8f2" > text.value< / span > < span style = "color: #f92672" > =< / span > < span style = "color: #e6db74" > " New value" < / span > < span style = "color: #f8f8f2" > ;< / span >
< / pre > < / div >
The difference between the setElementValue and the value access with the < a href = "apiaux.html#getelement" > getElement< / a > is the certainty of the registration state for the element. The < a href = "apiaux.html#getelement" > getElement< / a > returns an empty object if the element is not registered then a sketch assigns the value to it. May occur unexpected results and crashes. You should use the setElementValue if its registration is unsettled.< / p >
< / div >
< h3 id = "settitle" > < i class = "fa fa-caret-right" > < / i > setTitle< a class = "headerlink" href = "#settitle" title = "Permanent link" > ¶ < / a > < / h3 >
< p > < div class = "codehilite" style = "background: #272822" > < pre style = "line-height: 125%" > < span > < / span > < span style = "color: #66d9ef" > void< / span > < span style = "color: #f8f8f2" > setTitle(< / span > < span style = "color: #66d9ef" > const< / span > < span style = "color: #f8f8f2" > String< / span > < span style = "color: #f92672" > & < / span > < span style = "color: #f8f8f2" > title)< / span >
< / pre > < / div >
Set the title string of the custom Web page. This title will be displayed as the menu title of the custom Web page.
< dl class = "apidl" >
< dt > < strong > Parameter< / strong > < / dt >
< dd > < span class = "apidef" > title< / span > < span class = "apidesc" > Title string to be display.< / span > < / dd >
< / dl > < / p >
< div class = "admonition caution" >
< p class = "admonition-title" > Not the menu title< / p >
< p > The setTitle function is not set for the AutoConnect menu title. The effect of this function is that custom Web page only. To change the AutoConnect menu title use < a href = "apiconfig.html#title" > AutoConnectConfig::title< / a > .< / p >
< / div >
< / article >
< / div >
< / div >
< / main >
< footer class = "md-footer" >
< div class = "md-footer-nav" >
< nav class = "md-footer-nav__inner md-grid" >
< a href = "api.html" title = "AutoConnect API" class = "md-flex md-footer-nav__link md-footer-nav__link--prev" rel = "prev" >
< div class = "md-flex__cell md-flex__cell--shrink" >
< i class = "md-icon md-icon--arrow-back md-footer-nav__button" > < / i >
< / div >
< div class = "md-flex__cell md-flex__cell--stretch md-footer-nav__title" >
< span class = "md-flex__ellipsis" >
< span class = "md-footer-nav__direction" >
Previous
< / span >
AutoConnect API
< / span >
< / div >
< / a >
< a href = "apiconfig.html" title = "AutoConnectConfig API" class = "md-flex md-footer-nav__link md-footer-nav__link--next" rel = "next" >
< div class = "md-flex__cell md-flex__cell--stretch md-footer-nav__title" >
< span class = "md-flex__ellipsis" >
< span class = "md-footer-nav__direction" >
Next
< / span >
AutoConnectConfig API
< / span >
< / div >
< div class = "md-flex__cell md-flex__cell--shrink" >
< i class = "md-icon md-icon--arrow-forward md-footer-nav__button" > < / i >
< / div >
< / a >
< / nav >
< / div >
< div class = "md-footer-meta md-typeset" >
< div class = "md-footer-meta__inner md-grid" >
< div class = "md-footer-copyright" >
< div class = "md-footer-copyright__highlight" >
Copyright © 2018-2019 Hieromon Ikasamo
< / div >
powered by
< a href = "https://www.mkdocs.org" > MkDocs< / a >
and
< a href = "https://squidfunk.github.io/mkdocs-material/" >
Material for MkDocs< / a >
< / div >
< div class = "md-footer-social" >
< link rel = "stylesheet" href = "assets/fonts/font-awesome.css" >
< a href = "https://github.com/Hieromon" class = "md-footer-social__link fa fa-github" > < / a >
< a href = "https://twitter.com/hieromon" class = "md-footer-social__link fa fa-twitter" > < / a >
< / div >
< / div >
< / div >
< / footer >
< / div >
< script src = "assets/javascripts/application.245445c6.js" > < / script >
< script > app . initialize ( { version : "1.0.4" , url : { base : "." } } ) < / script >
< script src = "js/gifffer.min.js" > < / script >
< / body >
< / html >
