Skip to main content

Interface: Epic2ListProps<DataType>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:24

Component props for Epic2List.

Extends​

Type Parameters​

Type Parameter
DataType

Properties​

bus​

bus: EventBus

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:26

The event bus.

Overrides​

Epic2ListFormattingProps.bus


children?​

optional children: DisplayChildren[]

Defined in: sdk/components/FSComponent.ts:122

The children of the display component.

Inherited from​

ComponentProps.children


class?​

optional class: string | SubscribableSet<string>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:77

CSS class(es) to add to the list's root element.


data?​

optional data: SubscribableArray<DataType>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:35

The data to display in the list. If both this property and renderItem are defined, the list will display rendered data items instead of its children.


heightPx?​

optional heightPx: number | Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2TouchList.tsx:28

The height of the list in pixels. If not defined, the default value depends on whether the number of items per page is defined. If the number of items per page is defined, the height defaults to the sum of the list item height and spacing multiplied by the number of items per page. If the number of items per page is not defined, the height defaults to 100 pixels.

Inherited from​

Epic2ListFormattingProps.heightPx


isVisible?​

optional isVisible: Subscribable<boolean>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:57

Controls whether the list is visible or not, defaults to true.


itemCount?​

optional itemCount: Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:80

A count of items, should only be defined if you wish to over-ride the built in item counting


itemsPerPage?​

optional itemsPerPage: number | Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2TouchList.tsx:31

The number of visible items per page. If not defined, the list will not snap to list items when scrolling.

Inherited from​

Epic2ListFormattingProps.itemsPerPage


listItemHeightPx​

listItemHeightPx: number | Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2TouchList.tsx:17

The height of each list item in pixels.

Inherited from​

Epic2ListFormattingProps.listItemHeightPx


listItemSpacingPx?​

optional listItemSpacingPx: number | Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2TouchList.tsx:20

The amount of space between each list item in pixels. Defaults to zero pixels.

Inherited from​

Epic2ListFormattingProps.listItemSpacingPx


maxRenderedItemCount?​

optional maxRenderedItemCount: number | Subscribable<number>

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:48

The maximum number of items that can be rendered simultaneously. Ignored if data, renderItem, or itemsPerPage is not defined. The value will be clamped to be greater than or equal to itemsPerPage * 3. Defaults to infinity.


onDestroy()?​

optional onDestroy: () => void

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:74

A callback function to execute when the list is destroyed.

Returns​

void


onTopVisibleIndexChanged()?​

optional onTopVisibleIndexChanged: (topVisibleIndex) => void

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:71

A callback that will be called with the topVisibleIndex when it changes.

Parameters​

ParameterType
topVisibleIndexnumber

Returns​

void


ref?​

optional ref: NodeReference<any>

Defined in: sdk/components/FSComponent.ts:125

A reference to the display component.

Inherited from​

ComponentProps.ref


renderItem()?​

optional renderItem: (data, index) => VNode

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:41

A function that renders a single data item into the list. If both this property and data are defined, the list will display rendered data items instead of its children.

Parameters​

ParameterType
dataDataType
indexnumber

Returns​

VNode


scrollbarStyle​

scrollbarStyle: "inside" | "outside"

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:29

'inside' puts the scrollbar inside the list on the right side, 'outside' moves it outside the list to the right.


sortItems()?​

optional sortItems: (a, b) => number

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:65

A function to sort data items before rendering them. The function should return a negative number if the first item should be rendered before the second, a positive number if the first item should be rendered after the second, or zero if the two items' relative order does not matter. If not defined, items will be rendered in the order in which they appear in the data array.

Parameters​

ParameterType
aDataType
bDataType

Returns​

number


staticTouchListChildren?​

optional staticTouchListChildren: VNode

Defined in: workingtitle-instruments-epic2/shared/Components/List/Epic2List.tsx:54

A VNode which will be rendered into the list's translating container and positioned after the container that holds the list's rendered items.