Class: UiListFocusable
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:23
A wrapper which designates one or more descendants as components to focus for a rendered item in a UI list. If multiple focusable components are designated, then changing focus between the designated components using the bezel rotary knobs is supported.
Extends
DisplayComponent
<UiListFocusableProps
>
Implements
Constructors
Constructor
new UiListFocusable(
props
):UiListFocusable
Defined in: src/sdk/components/FSComponent.ts:73
Creates an instance of a DisplayComponent.
Parameters
Parameter | Type | Description |
---|---|---|
props | UiListFocusableProps | The propertis of the component. |
Returns
UiListFocusable
Inherited from
DisplayComponent<UiListFocusableProps>.constructor
Properties
canBeFocused
readonly
canBeFocused:Subscribable
<boolean
>
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:31
Whether this component can be focused.
Implementation of
UiFocusableComponent
.canBeFocused
context?
optional
context: [] =undefined
Defined in: src/sdk/components/FSComponent.ts:64
The context on this component, if any.
Inherited from
DisplayComponent.context
contextType?
readonly
optional
contextType: readonly [] =undefined
Defined in: src/sdk/components/FSComponent.ts:67
The type of context for this component, if any.
Inherited from
DisplayComponent.contextType
isUiFocusableComponent
readonly
isUiFocusableComponent:true
=true
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:25
Flags this component as a UiFocusableComponent.
Implementation of
UiFocusableComponent
.isUiFocusableComponent
props
props:
UiListFocusableProps
&ComponentProps
Defined in: src/sdk/components/FSComponent.ts:61
The properties of the component.
Inherited from
DisplayComponent.props
Methods
destroy()
destroy():
void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:202
Returns
void
Inherit Doc
Overrides
DisplayComponent.destroy
getContext()
protected
getContext(context
):never
Defined in: src/sdk/components/FSComponent.ts:106
Gets a context data subscription from the context collection.
Parameters
Parameter | Type | Description |
---|---|---|
context | never | The context to get the subscription for. |
Returns
never
The requested context.
Throws
An error if no data for the specified context type could be found.
Inherited from
DisplayComponent.getContext
onAfterRender()
onAfterRender(
thisNode
):void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:39
Parameters
Parameter | Type |
---|---|
thisNode | VNode |
Returns
void
Inherit Doc
Overrides
DisplayComponent.onAfterRender
onBeforeRender()
onBeforeRender():
void
Defined in: src/sdk/components/FSComponent.ts:80
A callback that is called before the component is rendered.
Returns
void
Inherited from
DisplayComponent.onBeforeRender
onDeregistered()
onDeregistered():
void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:80
Responds to when this component is deregistered with a controller.
Returns
void
Implementation of
UiFocusableComponent
.onDeregistered
onFocusGained()
onFocusGained(
direction
):void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:87
Responds to when this component gains focus.
Parameters
Parameter | Type | Description |
---|---|---|
direction | UiFocusDirection | The direction from which focus was gained. |
Returns
void
Implementation of
UiFocusableComponent
.onFocusGained
onFocusLost()
onFocusLost():
void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:106
Responds to when this component loses focus.
Returns
void
Implementation of
UiFocusableComponent
.onFocusLost
onRegistered()
onRegistered(
controller
):void
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:70
Responds to when this component is registered with a controller.
Parameters
Parameter | Type | Description |
---|---|---|
controller | UiFocusController | The controller with which this component was registered. |
Returns
void
Implementation of
UiFocusableComponent
.onRegistered
onUiInteractionEvent()
onUiInteractionEvent(
event
):boolean
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:111
Handles a UiInteractionEvent.
Parameters
Parameter | Type | Description |
---|---|---|
event | UiInteractionEvent | The event to handle. |
Returns
boolean
Whether the event was handled.
Implementation of
UiFocusableComponent
.onUiInteractionEvent
render()
render():
VNode
Defined in: src/workingtitle-instruments-g3x-touch/html_ui/Shared/Components/List/UiListFocusable.tsx:193
Returns
VNode
Inherit Doc
Overrides
DisplayComponent.render