Accordion
Defined in: js-api/src/widgets/containers.ts:27
Accordion control with collapsible/expandable panes. Samples: https://public.datagrok.ai/js/samples/ui/components/accordion
Extends
Constructors
Constructor
new Accordion(
dart):Accordion
Defined in: js-api/src/widgets/containers.ts:30
Parameters
| Parameter | Type |
|---|---|
dart | any |
Returns
Accordion
Overrides
Properties
| Property | Modifier | Type | Default value | Description | Inherited from | Defined in |
|---|---|---|---|---|---|---|
_functions | protected | Func[] | [] | - | DartWidget._functions | js-api/src/widgets/base.ts:215 |
_properties | protected | Property[] | [] | - | DartWidget._properties | js-api/src/widgets/base.ts:214 |
_root | protected | HTMLElement | undefined | - | DartWidget._root | js-api/src/u2core/component.ts:498 |
_u2 | readonly | ComponentState | undefined | - | DartWidget._u2 | js-api/src/u2core/component.ts:87 |
componentMeta? | public | ComponentMetaBase | undefined | The registry metadata of the tag that built this component, stamped by the spec renderer — the single source the introspection surface below is generated from. | DartWidget.componentMeta | js-api/src/u2core/component.ts:82 |
dart | public | any | undefined | - | DartWidget.dart | js-api/src/widgets/base.ts:220 |
factory | public | Func | null | null | Constructor function. No parameters, returns [Widget]. | DartWidget.factory | js-api/src/widgets/base.ts:212 |
isDetached | public | boolean | false | Whether detach has been called. | DartWidget.isDetached | js-api/src/widgets/base.ts:222 |
props | public | any | undefined | Property bag over this widget's properties; read and write them by name. | DartWidget.props | js-api/src/widgets/base.ts:217 |
specProps? | public | Record<string, unknown> | undefined | The props the registry's create was handed, stamped alongside componentMeta: the last resort of the property read below, for a component that keeps a prop under another name or not at all (a create wrapping a bare element). Construction-time values — a live one always wins. | DartWidget.specProps | js-api/src/u2core/component.ts:86 |
subs | public | Subscription[] | undefined | Subscriptions cancelled when the widget is detached. | DartWidget.subs | js-api/src/widgets/base.ts:219 |
temp | public | any | undefined | Contains auxiliary information | DartWidget.temp | js-api/src/widgets/base.ts:209 |
Accessors
aiDescription
Get Signature
get aiDescription():
string|null
Defined in: js-api/src/widgets/base.ts:506
AI briefing of the underlying Dart widget.
Returns
string | null
Set Signature
set aiDescription(
x):void
Defined in: js-api/src/widgets/base.ts:511
A short AI-facing briefing, seeded from the registry's usage or description.
Parameters
| Parameter | Type |
|---|---|
x | string | null |
Returns
void
Inherited from
ambientAdoption
Get Signature
get
protectedambientAdoption():boolean
Defined in: js-api/src/widgets/base.ts:275
A widget wrapper minted inside somebody's effect scope must not be auto-disposed with it.
Returns
boolean
Inherited from
autoHideTabHeader
Get Signature
get autoHideTabHeader():
boolean
Defined in: js-api/src/widgets/containers.ts:57
Whether tab header should be hidden if there is only one tab
Returns
boolean
Set Signature
set autoHideTabHeader(
x):void
Defined in: js-api/src/widgets/containers.ts:58
Parameters
| Parameter | Type |
|---|---|
x | boolean |
Returns
void
children
Get Signature
get children():
Widget<any>[]
Defined in: js-api/src/widgets/base.ts:310
Parent widget up the DOM tree, or null.
Returns
Widget<any>[]
Inherited from
context
Get Signature
get context():
any
Defined in: js-api/src/widgets/containers.ts:35
An object this accordion is associated with
Returns
any
Set Signature
set context(
x):void
Defined in: js-api/src/widgets/containers.ts:38
Parameters
| Parameter | Type |
|---|---|
x | any |
Returns
void
header
Get Signature
get header():
HTMLElement
Defined in: js-api/src/widgets/containers.ts:53
Header element on top of the accordion
Returns
HTMLElement
Set Signature
set header(
header):void
Defined in: js-api/src/widgets/containers.ts:54
Parameters
| Parameter | Type |
|---|---|
header | HTMLElement |
Returns
void
name
Get Signature
get name():
string|undefined
Defined in: js-api/src/u2core/component.ts:704
A named control carries its name in the DOM: data-u2-name is the stable automation id
selectors, tutorials and agents address the control by — the same attribute the spec renderer
stamps on named nodes, so hand-built and spec-built UI share one selector vocabulary.
Derived names (an input's label fallback) never stamp — see Component.deriveName.
Returns
string | undefined
Set Signature
set name(
x):void
Defined in: js-api/src/u2core/component.ts:708
Unique within a spec: the anchor for selection, patches and automation. An accessor pair
(not a field), so a platform descendant's own name accessors override it legally (TS2611).
Parameters
| Parameter | Type |
|---|---|
x | string | undefined |
Returns
void
Inherited from
panes
Get Signature
get panes():
AccordionPane[]
Defined in: js-api/src/widgets/containers.ts:48
Returns
parent
Get Signature
get parent():
Widget<any> |null
Defined in: js-api/src/widgets/base.ts:307
Parent widget up the DOM tree, or null.
Returns
Widget<any> | null
Inherited from
propertyTarget
Get Signature
get propertyTarget():
unknown
Defined in: js-api/src/widgets/base.ts:499
The Dart handle: properties are read from and written to the Dart widget.
Returns
unknown
Inherited from
propertyTier
Get Signature
get propertyTier():
boolean
Defined in: js-api/src/widgets/base.ts:279
Every property getProperties declares is a bind step, read and written on propertyTarget.
Returns
boolean
Inherited from
root
Get Signature
get root():
HTMLElement
Defined in: js-api/src/widgets/base.ts:497
Visual root of the Dart widget.
Returns
HTMLElement
Inherited from
rootId
Get Signature
get rootId():
string
Defined in: js-api/src/u2core/component.ts:528
Stable element id, minted (u2-<n>) on first ask unless the root has one: the anchor of
for, aria-* and data-u2-owner-id references.
Returns
string
Inherited from
scope
Get Signature
get scope():
Scope
Defined in: js-api/src/u2core/component.ts:57
Minted on first use; assigned before _scopeMinted fires, so the hook's own
this.scope.own(...) reads the stored scope instead of re-entering the mint.
Returns
Inherited from
type
Get Signature
get type():
string
Defined in: js-api/src/widgets/base.ts:495
Type name the Dart widget reports.
Returns
string
Inherited from
visible
Get Signature
get visible():
boolean
Defined in: js-api/src/u2core/component.ts:518
Hidden ⇔ the root carries the hidden attribute.
Returns
boolean
Set Signature
set visible(
x):void
Defined in: js-api/src/u2core/component.ts:522
Parameters
| Parameter | Type |
|---|---|
x | boolean |
Returns
void
Inherited from
Methods
_notifyPropertyChange()
protected_notifyPropertyChange(p):void
Defined in: js-api/src/widgets/base.ts:357
Notifies the property tier. Called from both the addProperty setter (overrides that skip
super would otherwise lose props.x = writes) and onPropertyChanged (direct calls);
the double notify collapses into one microtask refresh.
Parameters
| Parameter | Type |
|---|---|
p | Property | null |
Returns
void
Inherited from
DartWidget._notifyPropertyChange
_ownPropertyChanges()
protected_ownPropertyChanges():ObservableLike<PropertyChange>
Defined in: js-api/src/widgets/base.ts:362
Returns
ObservableLike<PropertyChange>
Inherited from
DartWidget._ownPropertyChanges
_scopeMinted()
protected_scopeMinted(_scope):void
Defined in: js-api/src/widgets/base.ts:326
First-mint hook: a platform descendant wires its lifecycle here. Never fired for a scope provided to init — that path runs inside the constructor chain.
Parameters
| Parameter | Type |
|---|---|
_scope | Scope |
Returns
void
Inherited from
_wireDartLifecycle()
protected_wireDartLifecycle():void
Defined in: js-api/src/widgets/base.ts:342
Dart-owned lifecycle: the platform kill disposes the scope, and disposing the scope kills the widget through the kill-walk.
Returns
void
Inherited from
_wireJsLifecycle()
protected_wireJsLifecycle():void
Defined in: js-api/src/widgets/base.ts:333
JS-owned lifecycle: disposing the scope detaches the widget, and vice versa.
Returns
void
Inherited from
_wireLifecycle()
protected_wireLifecycle():void
Defined in: js-api/src/widgets/base.ts:500
Returns
void
Inherited from
accessibleLabel()
protectedaccessibleLabel():string|undefined
Defined in: js-api/src/u2core/component.ts:584
The accessible name: aria-label, then the aria-labelledby texts, then this control's own
data-u2-part="label" element, then — for a root that is a button — its own text.
Returns
string | undefined
Inherited from
addCountPane()
Call Signature
addCountPane(
name,getContent,getCount,options?):AccordionPane
Defined in: js-api/src/widgets/containers.ts:80
Adds a pane with a count indicator next to the title; [getCount] runs immediately.
Parameters
| Parameter | Type |
|---|---|
name | string |
getContent | () => HTMLElement |
getCount | () => number |
options? | AccordionPaneOptions |
Returns
Call Signature
addCountPane(
name,getContent,getCount,expanded?,before?,allowDragOut?):AccordionPane
Defined in: js-api/src/widgets/containers.ts:81
Adds a pane with a count indicator next to the title; [getCount] runs immediately.
Parameters
| Parameter | Type |
|---|---|
name | string |
getContent | () => HTMLElement |
getCount | () => number |
expanded? | boolean |
before? | AccordionPane | null |
allowDragOut? | boolean |
Returns
addPane()
Call Signature
addPane(
name,getContent,options?):AccordionPane
Defined in: js-api/src/widgets/containers.ts:71
Adds a pane; [getContent] runs when the pane is first expanded.
Parameters
| Parameter | Type |
|---|---|
name | string |
getContent | () => HTMLElement |
options? | AccordionPaneOptions |
Returns
Call Signature
addPane(
name,getContent,expanded?,before?,allowDragOut?):AccordionPane
Defined in: js-api/src/widgets/containers.ts:72
Adds a pane; [getContent] runs when the pane is first expanded.
Parameters
| Parameter | Type |
|---|---|
name | string |
getContent | () => HTMLElement |
expanded? | boolean |
before? | AccordionPane | null |
allowDragOut? | boolean |
Returns
addProperty()
addProperty(
propertyName,propertyType,defaultValue?,options?):any
Defined in: js-api/src/widgets/base.ts:385
Registers an property with the specified type, name, and defaultValue.
Parameters
| Parameter | Type | Default value | Description |
|---|---|---|---|
propertyName | string | undefined | - |
propertyType | "string" | "bigint" | "object" | "map" | "file" | "bool" | "int" | "double" | "byte_array" | "datetime" | "qnum" | "dataframe" | "num" | "string_list" | "dataframe_list" | "cell" | "column" | "column_list" | "graphics" | "blob" | "tablerowfiltercall" | "colfiltercall" | "bitset" | "dynamic" | "viewer" | "list" | "semantic_value" | "func" | "funccall" | "property" | "categorical" | "numerical" | "GridCellRenderArgs" | "element" | "view" | "TableView" | "User" | "Menu" | "Project" | "event_data" | "progressindicator" | "Credentials" | "ScriptEnvironment" | "Notebook" | undefined | - |
defaultValue | any | null | - |
options | object & IProperty | null | null | - |
Returns
any
See
Registered property gets added to properties. Returns default value, thus allowing to combine registering a property with the initialization
options.get/options.set override how the property reads/writes (instead of the default
fieldName field access); the change notification (onPropertyChanged) always fires
on write, and a {get}-only options yields a custom read with the default fieldName write.
Inherited from
addStatusProvider()
addStatusProvider(
name,provider):void
Defined in: js-api/src/widgets/base.ts:465
Adds live parts, hit areas and readings to this widget's status. Providers run in registration
order on every read; an existing name is replaced in place, and later providers override earlier
entries. Coordinates use the widget's own hit-area system. Detaching the widget removes all
providers. A subclass that overrides getWidgetStatus composes with super.getWidgetStatus().
Parameters
| Parameter | Type | Description |
|---|---|---|
name | string | Stable name of the component contributing the status. |
provider | StatusProvider | Computes the contribution each time the status is requested. |
Returns
void
Example
widget.addStatusProvider('selection', () => ({values: {'selected rows': table.selection.trueCount}}));
console.log(widget.getWidgetStatus().values?.['selected rows']);
widget.removeStatusProvider('selection');
see samples/grid/custom-renderer-status
Inherited from
addTitle()
addTitle(
element):void
Defined in: js-api/src/widgets/containers.ts:66
Adds a title element.
Parameters
| Parameter | Type |
|---|---|
element | HTMLElement |
Returns
void
apply()
apply(
properties):Widget
Defined in: js-api/src/widgets/base.ts:264
Sets each key of properties as the property of that name; returns this widget.
Parameters
| Parameter | Type |
|---|---|
properties | object |
Returns
Inherited from
bindProps()
bindProps():
BindProp[]
Defined in: js-api/src/u2core/component.ts:324
The signal-backed subset of the meta props — what a binding picker offers on a named node — plus, under propertyTier, every declared property. Allocates no signal.
Returns
BindProp[]
Inherited from
bindStep()
bindStep(
name):BindSource|Signal<unknown> |null
Defined in: js-api/src/u2core/component.ts:313
One binding step (DD5): a meta-declared prop's same-named Signal member — a named node is a
bind source, generated off componentMeta the way getProperties is — then, under
propertyTier, a cached signal over the declared property. '' answers the default
binding: the component's own value signal, where one exists.
Parameters
| Parameter | Type |
|---|---|
name | string |
Returns
BindSource | Signal<unknown> | null
Inherited from
deriveName()
protectedderiveName(x):void
Defined in: js-api/src/u2core/component.ts:77
Sets the introspection/form key without claiming an automation id — the label-fallback path:
a caption is not a stable identity, so it never reaches data-u2-name.
Parameters
| Parameter | Type |
|---|---|
x | string | undefined |
Returns
void
Inherited from
detach()
detach():
void
Defined in: js-api/src/widgets/base.ts:314
Gets called when a widget is detached and will no longer be used. Typically used for unsubscribing from events. Be sure to call super.detach() if this method is overridden.
Returns
void
Inherited from
dispose()
dispose():
void
Defined in: js-api/src/u2core/component.ts:159
On a never-engaged wrapper the getter mints here and _scopeMinted wires the
lifecycle (own(kill) + the platform cleanup for Dart-owned), so dispose still kills it;
re-entry from the kill cleanup is a no-op via the scope's disposed flag.
Returns
void
Inherited from
effect()
effect(
fn):this
Defined in: js-api/src/u2core/component.ts:145
Parameters
| Parameter | Type |
|---|---|
fn | () => void |