Extends
Members
actionstitle :string|function
Set a custom text for the actions column header row when actions buttons are present.
- string |
function
- Default Value
- null
addbtntitle :string|function
Override the caption used for the section add button at the bottom of the section form element. Set to a string, it will be used as-is. Set to a function, the function will be invoked and its return value is used as a caption, after converting it to a string. If this property is not set, the default is Add.
- string |
function
- Inherited From
- Default Value
- null
addremove :boolean
If set to true, the user may add or remove instances from the form section widget, otherwise only pre-existing sections may be edited. The default is false.
- boolean
- Inherited From
- Default Value
- false
anonymous :boolean
If set to true, mapped section instances are treated as anonymous UCI sections, which means that section instance elements will be rendered without a title element and that no name is required when adding new sections. The default is false.
- boolean
- Inherited From
- Default Value
- false
cloneable :boolean
Set to true, a clone button is added to the button column, allowing the user to clone section instances mapped by the section form element. The default is false.
- boolean
- Default Value
- false
clonebtntitle :string|function
Override the caption used for the section clone button at the bottom of the section form element. Set to a string, it will be used as-is. Set to a function, the function will be invoked and its return value is used as a caption, after converting it to a string. If this property is not set, the default is Clone.
- string |
function
- Default Value
- null
delbtntitle :string|function
Override the caption used for the section delete button at the bottom of the section form element. Set to a string, it will be used as-is. Set to a function, the function will be invoked and its return value is used as a caption, after converting it to a string. If this property is not set, the default is Delete.
- string |
function
- Inherited From
- Default Value
- null
extedit :string|function
Enables a per-section instance row Edit button which triggers a certain action when clicked. Set to a string, the string value is used as a String.format() pattern with the name of the underlying UCI section as the first format argument. The result is then interpreted as a URL which LuCI will navigate to when the user clicks the edit button.
If set to a function, this function will be registered as a click event handler on the rendered edit button, receiving the section instance name as the first and the DOM click event as the second argument.
- string |
function
- Default Value
- null
filterrow :boolean
Optional table filtering for table sections.
Set filterrow to true to display a filter header row in the generated table with per-column text fields to search for string matches in the column. The filter row appears after the titles row.
The filters work cumulatively: text in each field shall match an entry for the row to be displayed. The results are filtered live. Matching is case-sensitive, and partial, i.e. part or all of the result includes the search string.
The filter fields assume the placeholder text Filter suffixed with the column name, to ease correlation of filter fields to their corresponding column entries on narrow displays which might fold the columns over multiple lines.
- boolean
- Default Value
- null
footer :Array.<string>|function
Optional footer row for table sections.
Set footer to one of:
- a function that returns a table row (
tr) or nodeE('...') - an array of string cell contents (first entry maps to the name column if present).
This is useful for providing sum totals, extra function buttons or extra space.
The default implementation returns an empty node.
- Array.<string> |
function
- Default Value
- `E([])`
hidetitle :boolean
If set to true, the title caption of the form section element which is normally rendered before the start of the section content will not be rendered in the UI. The default is false, meaning that the title is rendered.
- boolean
- Inherited From
- Default Value
- false
max_cols :number
Specify a maximum amount of columns to display. By default, one table column is rendered for each child option of the form section element. When this option is set to a positive number, then no more columns than the given amount are rendered. When the number of child options exceeds the specified amount, a More… button is rendered in the last column, opening a modal dialog presenting all options elements in NamedSection style when clicked.
- number
- Default Value
- null
modaltitle :string|function
Override the per-section instance modal popup title caption shown when clicking the More… button in a section specifying max_cols. Set to a string, it will be used as a String.format() pattern with the name of the underlying UCI section as the first argument. Set to a function, the function will be invoked with the section name as the first argument, and its return value is used as a caption after converting it to a string. If this property is not set, the default is the name of the underlying UCI configuration section.
- string |
function
- Default Value
- null
nodescriptions :boolean
Set to true, the header row with the descriptions of options will not be displayed. By default, the row of descriptions is automatically displayed when at least one option has a description.
- boolean
- Default Value
- false
(readonly) parentoption :LuCI.form.AbstractValue
Access the parent option container instance.
In case this section is nested within an option element container, this property will hold a reference to the parent option instance.
If this section is not nested, the property is null.
- Inherited From
rowcolors :boolean
Set to true, alternating cbi-rowstyle-1 and cbi-rowstyle-2 CSS classes are added to the table row elements. Not all LuCI themes implement these row style classes. The default is false.
- boolean
- Default Value
- false
sectiontitle :string|function
Override the per-section instance title caption shown in the first column of the table unless anonymous is set to true. Set to a string, it will be used as a String.format() pattern with the name of the underlying UCI section as the first argument. Set to a function, the function will be invoked with the section name as the first argument and its return value used as a caption, after converting it to a string. If this property is not set, the default is the name of the underlying UCI configuration section.
- string |
function
- Default Value
- null
sortable :boolean
Set to true, a sort button is added to the last column, allowing the user to reorder the section instances mapped by the section form element.
- boolean
- Default Value
- false
tabbed :boolean
When set to true, instead of rendering section instances one below another, treat each instance as a separate tab pane and render a tab menu at the top of the form section element, allowing the user to switch among instances. The default is false.
- boolean
- Inherited From
- Default Value
- false
uciconfig :string
Override the UCI configuration name to read the section IDs from. By default, the configuration name is inherited from the parent Map. By setting this property, a deviating configuration may be specified. The default of null means inherit from the parent form.
- string
- Inherited From
- Default Value
- null
Methods
(abstract) addModalOptions(modalSection, section_id, ev) → {*|Promise.<*>}
Add further options to the per-section instanced modal popup.
This function may be overridden by user code to perform additional setup steps before displaying the more options modal which is useful to e.g. query additional data or to inject further option elements.
The default implementation of this function does nothing.
| Name | Type | Description |
|---|---|---|
modalSection | LuCI. | The |
section_id | string | The ID of the underlying UCI section the modal popup belongs to. |
ev | Event | The DOM event emitted by clicking the |
Return values of this function are ignored but if a promise is returned, it is run to completion before the rendering is continued, allowing custom logic to perform asynchronous work before the modal dialog is shown.
- Type:
- * |
Promise.<*>
append(obj)
Add another form element as children to this element.
| Name | Type | Description |
|---|---|---|
obj | AbstractElement | The form element to add. |
- Inherited From
cfgvalue(section_id, optionopt) → {null|string|Array.<string>|Object.<string, (null|string|Array.<string>)>}
Query underlying option configuration values.
This function is sensitive to the amount of arguments passed to it; if only one argument is specified, the configuration values of all options within this section are returned as a dictionary.
If both the section ID and an option name are supplied, this function returns the configuration value of the specified option only.
| Name | Type | Attributes | Description |
|---|---|---|---|
section_id | string | The configuration section ID | |
option | string | <optional> | The name of the option to query |
- Inherited From
Returns either a dictionary of option names and their corresponding configuration values or just a single configuration value, depending on the amount of passed arguments.
- Type:
- null |
string | Array.<string> | Object.<string, (null|string|Array.<string>)>
(abstract) filter(section_id) → {boolean}
Filter UCI section IDs to render.
The filter function is invoked for each UCI section ID of a given type and controls whether the given UCI section is rendered or ignored by the form section element.
The default implementation always returns true. User code or classes extending AbstractSection may override this function with custom implementations.
| Name | Type | Description |
|---|---|---|
section_id | string | The UCI section ID to test. |
- Inherited From
Returns true when the given UCI section ID should be handled and false when it should be ignored.
- Type:
- boolean
formvalue(section_id, optionopt) → {null|string|Array.<string>|Object.<string, (null|string|Array.<string>)>}
Query the underlying option widget input values.
This function is sensitive to the amount of arguments passed to it; if only one argument is specified, the widget input values of all options within this section are returned as a dictionary.
If both the section ID and an option name are supplied, this function returns the widget input value of the specified option only.
| Name | Type | Attributes | Description |
|---|---|---|---|
section_id | string | The configuration section ID | |
option | string | <optional> | The name of the option to query |
- Inherited From
Returns either a dictionary of option names and their corresponding widget input values or just a single widget input value, depending on the amount of passed arguments.
- Type:
- null |
string | Array.<string> | Object.<string, (null|string|Array.<string>)>
getOption(optionopt) → {null|LuCI.form.AbstractValue|Object.<string, LuCI.form.AbstractValue>}
Obtain underlying option objects.
This function is sensitive to the amount of arguments passed to it; if no option name is specified, all options within this section are returned as a dictionary.
If an option name is supplied, this function returns the matching LuCI.form.AbstractValue instance only.
| Name | Type | Attributes | Description |
|---|---|---|---|
option | string | <optional> | The name of the option object to obtain |
- Inherited From
Returns either a dictionary of option names and their corresponding option instance objects or just a single object instance value, depending on the amount of passed arguments.
- Type:
- null |
LuCI. form. |AbstractValue Object.<string, LuCI.form.AbstractValue>
getUIElement(section_id, optionopt) → {null|LuCI.ui.AbstractElement|Object.<string, (null|LuCI.ui.AbstractElement)>}
Obtain underlying option LuCI.ui widget instances.
This function is sensitive to the amount of arguments passed to it; if only one argument is specified, the LuCI.ui widget instances of all options within this section are returned as a dictionary.
If both the section ID and an option name are supplied, this function returns the LuCI.ui widget instance value of the specified option only.
| Name | Type | Attributes | Description |
|---|---|---|---|
section_id | string | The configuration section ID | |
option | string | <optional> | The name of the option to query |
- Inherited From
Returns either a dictionary of option names and their corresponding widget input values or just a single widget input value, depending on the amount of passed arguments.
- Type:
- null |
LuCI. ui. |AbstractElement Object.<string, (null|LuCI.ui.AbstractElement)>
load() → {Promise.<void>}
Load the configuration covered by this section.
The load() function recursively walks the section element tree and invokes the load function of each child option element.
- Inherited From
Returns a promise resolving once the values of all child elements have been loaded. The promise may reject with an error if any of the child elements' load functions rejected with an error.
- Type:
- Promise.<void>
option(optionclass, cbiClass, …args) → {LuCI.form.AbstractValue}
Add a configuration option widget to the section.
Note that taboption() should be used instead if this form section element uses tabs.
| Name | Type | Attributes | Description |
|---|---|---|---|
optionclass | LuCI. | The option class to use for rendering the configuration option. Note that this value must be the class itself, not a class instance obtained from calling | |
cbiClass | object | (classargs) Additional arguments which are passed as-is to the constructor of the given option class. Refer to the class specific constructor documentation for details. | |
args | * | <repeatable> | argument array |
- Inherited From
Throws a
TypeErrorexception in case the passed class value is not a descendant ofAbstractValue.- Type
- TypeError
Returns the instantiated option class instance.
- Type:
- LuCI.
form. AbstractValue
parse() → {Promise.<void>}
Parse this sections form input.
The parse() function recursively walks the section element tree and triggers input value reading and validation for each encountered child option element.
Options which are hidden due to unsatisfied dependencies are skipped.
- Inherited From
Returns a promise resolving once the values of all child elements have been parsed. The returned promise is rejected if any parsed values do not meet the validation constraints of their respective elements.
- Type:
- Promise.<void>
stripTags(s) → {string}
Strip any HTML tags from the given input string, and decode HTML entities.
| Name | Type | Description |
|---|---|---|
s | string | The input string to clean. |
- Inherited From
The cleaned input string with HTML tags removed, and HTML entities decoded.
- Type:
- string
tab(name, title, descriptionopt)
The TableSection implementation does not support option tabbing, so its implementation of tab() will always throw an exception when invoked.
| Name | Type | Attributes | Description |
|---|---|---|---|
name | string | The name of the tab to register. It may be freely chosen and just serves as an identifier to differentiate tabs. | |
title | string | The human readable caption of the tab. | |
description | string | <optional> | An additional description text for the corresponding tab pane. It is displayed as a text paragraph below the tab but before the tab pane contents. If omitted, no description will be rendered. |
- Overrides
Throws an exception when invoked.
- Type
- string
taboption(tabName, optionclass, …args) → {LuCI.form.AbstractValue}
Add a configuration option widget to a tab of the section.
| Name | Type | Attributes | Description |
|---|---|---|---|
tabName | string | The name of the section tab to add the option element to. | |
optionclass | LuCI. | The option class to use for rendering the configuration option. Note that this value must be the class itself, not a class instance obtained from calling | |
args | * | <repeatable> | (classargs) Additional arguments which are passed as-is to the constructor of the given option class. Refer to the class specific constructor documentation for details. |
- Inherited From
Throws a
ReferenceErrorexception when the given tab name does not exist.- Type
- ReferenceError
Throws a
TypeErrorexception in case the passed class value is not a descendant ofAbstractValue.- Type
- TypeError
Returns the instantiated option class instance.
- Type:
- LuCI.
form. AbstractValue
titleFn(attr, …args) → {string|null}
Format the given named property as a title string.
This function looks up the given named property and formats its value suitable for use as an element caption or description string. It also strips any HTML tags from the result.
If the property value is a string, it is passed to String.format() along with any additional parameters passed to titleFn().
If the property value is a function, it is invoked with any additional titleFn() parameters as arguments, and the obtained return value is converted to a string.
In all other cases, null is returned.
| Name | Type | Attributes | Description |
|---|---|---|---|
attr | string | (property) The name of the element property to use. | |
args | string | <repeatable> | (fmt_args) Extra values to format the title string with. |
- Inherited From
The formatted title string or null if the property did not exist or was neither a string nor a function.
- Type:
- string |
null